«reactjs» 태그된 질문

작성, 읽기, 업데이트 및 삭제에 사용되는 양식이 하나 있습니다. 같은 형식으로 3 개의 구성 요소를 만들었지 만 다른 소품을 전달합니다. CreateForm.js, ViewForm.js (삭제 버튼으로 읽기 전용) 및 UpdateForm.js가 있습니다. 예전에는 PHP로 작업 했었으므로 항상 한 가지 형태로 수행했습니다. 상점을 관리하기 위해 React와 Redux를 사용합니다. CreateForm 구성 요소에있을 때 하위 구성 …

128 javascript  reactjs  crud  redux 

labels 가있는 양식 요소가 있고 s label를 htmlFor속성 이있는 요소 에 연결하는 고유 ID를 갖고 싶습니다 . 이 같은: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); 나는 기반으로 ID를 생성 this._rootNodeID했지만 React 0.13 이후로는 사용할 수 없습니다. 지금 가장 …

128 reactjs 

Jasmine Enzyme 얕은 렌더링으로 React 구성 요소를 테스트하고 있습니다. 이 질문의 목적을 위해 여기에서 단순화했습니다 ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponent2 개의 인스턴스가 MyInnerComponent있고 각각의 소품을 테스트하고 싶습니다. 내가 테스트하는 방법을 아는 첫 번째. 나는 find함께 …

128 reactjs  jasmine  enzyme 

ReactJS를 배우는 동안 "마운트"라는 용어를 너무 많이 들었습니다. 그리고이 용어에 대한 수명주기 방법과 오류가있는 것 같습니다. 마운트가 정확히 무엇을 의미합니까? 예 : componentDidMount() and componentWillMount()

128 javascript  reactjs 

SVG 마크 업을 ReactJS 컴포넌트에 포함시킬 수 있습니까? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } 오류가 발생했습니다 : 네임 스페이스 속성은 지원되지 않습니다. ReactJSX는 XML이 아닙니다. 이것을하는 가장 가벼운 방법은 무엇입니까? React ART 와 같은 것을 사용하는 것은 내가하려고하는 일에 너무 과도합니다.

127 javascript  svg  reactjs 

this.setState()모든 구성 요소의 반응 함수가 비동기 적이 거나 호출 된 함수가 완료된 후에 호출 된다는 것을 방금 발견 했습니다. 이제이 블로그를 검색하고 찾았습니다 ( setState () State Mutation Operation May Be Synchronous In ReactJS ) 여기서 그는 setState상태 변경이 트리거 된 방법에 따라 async (스택이 비어있을 때 호출 됨) 또는 …

127 javascript  multithreading  asynchronous  reactjs 

채팅 시스템을 구축하고 창에 들어갈 때와 새 메시지가 들어올 때 자동으로 하단으로 스크롤하고 싶습니다. React에서 컨테이너 하단으로 자동 스크롤하는 방법은 무엇입니까?

127 reactjs 

useState 배열 React 후크 내부에 요소를 푸시하는 방법은 무엇입니까? 반응 상태의 오래된 방법입니까? 아니면 새로운 것? 예 : setState 푸시 예 ?

127 javascript  reactjs  react-hooks 

나는 ReactJS와 UI를 처음 접했고 ReactJS 코드에서 간단한 REST 기반 POST 호출을 만드는 방법을 알고 싶었습니다. 예제가 있으면 실제로 도움이 될 것입니다.

126 reactjs  reactjs-flux  reactjs-native 

ReactJS 구성 요소 내에서 event.stopPropagation ()을 사용하여 클릭 이벤트가 버블 링되는 것을 막고 레거시 코드에서 JQuery와 함께 첨부 된 클릭 이벤트를 트리거하려고하는데 React의 stopPropagation ()이 이벤트로의 전파 만 중지하는 것 같습니다. 또한 React에 첨부되어 있으며 JQuery의 stopPropagation ()은 React로 첨부 된 이벤트에 대한 전파를 중지하지 않습니다. 이러한 이벤트에서 stopPropagation ()이 …

126 javascript  jquery  reactjs 

저는 redux, react-redux 및 react로 작은 애플리케이션을 구축하는 javascript / redux / react 초보자입니다. 어떤 이유로 mapDispatchToProps 함수를 connect와 함께 사용할 때 (react-redux 바인딩) 결과 prop을 실행하려고 할 때 디스패치가 함수가 아님을 나타내는 TypeError를받습니다. 그러나 dispatch를 prop으로 호출하면 (제공된 코드의 setAddr 함수 참조) 작동합니다. redux 문서의 TODO 앱 예제에서 mapDispatchToProps …

124 javascript  reactjs  redux  react-redux 

reactjs에서 Esc 키 누르기를 어떻게 감지합니까? jquery와 비슷한 것 $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); 일단 감지되면 구성 요소에 정보를 전달하고 싶습니다. 마지막 활성 구성 요소가 이스케이프 키 누름에 반응해야하는 세 가지 구성 요소가 있습니다. …

124 javascript  reactjs 

다른 상태에 의존하는 상태가 있다고 가정 해 보겠습니다 (예 : A가 변경되면 B가 변경되기를 원합니다). A를 관찰하고 useEffect 후크 내부에 B를 설정하는 후크를 만드는 것이 적절합니까? 버튼을 클릭하면 첫 번째 효과가 발생하여 다음 렌더링 전에 b가 변경되어 두 번째 효과가 발생하도록 효과가 계단식으로 표시됩니까? 이와 같은 코드를 구조화하는 데 성능 …

124 javascript  reactjs  react-hooks 

나는 함께 일하고 create-react-app있었고 내가 얻는이 문제를 발견했습니다 Home does not contain an export named Home. 내 App.js파일을 설정하는 방법은 다음과 같습니다 . import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { render() { return …

123 javascript  reactjs  ecmascript-6  create-react-app 

둘 다 Route, Link 등이 있습니다. 둘 중 하나를 언제 사용해야합니까? 나는 각각을 어디에 사용하는지 정말로 혼란 스럽습니다. 서버 측? 고객 입장에서? https://reacttraining.com/react-router/ 일부 예에서는 역사를 전달해야하고 다른 예에서는 전달해야합니다. 무엇을해야합니까? <Router history={browserHistory}> vs <Router> 둘 중 하나를 사용해야 할 때 정말 혼란 스럽습니다. 어떤 도움을 주셔서 감사합니다.

123 reactjs  react-router