«reactjs» 태그된 질문

와 react-router내가 사용할 수 있습니다 Link기본적으로 처리 라우터 반응하는 링크를 생성하는 요소. 내부적으로 호출하는 것을 봅니다 this.context.transitionTo(...). 탐색을하고 싶습니다. 링크가 아니라 드롭 다운 선택 (예 :)입니다. 코드에서 어떻게 할 수 있습니까? 무엇입니까 this.context? 나는 Navigationmixin을 보았지만없이 이것을 할 수 mixins있습니까?

1427 reactjs  react-router 

React에서 다음과 같은 작업을 시도하고 있습니다 JSX(ObjectRow는 별도의 구성 요소입니다). <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> 함수 호출에 매핑 JSX되기 때문에 이것이 왜 유효하지 않은지 알고 이해 JSX합니다. 그러나 템플릿 토지에서 와서 처음부터 JSX위의 내용을 어떻게 달성할지 확신 할 수 없습니다 (구성 요소를 여러 …

1278 javascript  reactjs 

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 작년에 문을 닫았 습니다 . 잠김 . 이 질문과 주제는 주제가 다르지만 역사적으로 중요하기 때문에이 질문과 답변은 잠겨 있습니다. 현재 새로운 답변이나 상호 작용을받지 않습니다. 본인은했습니다 이 대답을 , 상용구를 줄이는 몇 GitHub의 예를 쳐다 보면서 조금이라도 (할 일 애플 …

1126 javascript  reactjs  reactjs-flux  flux  redux 

...이 React (JSX 사용) 코드에서 수행하는 작업은 무엇입니까 ? <Modal {...this.props} title='Modal heading' animation={false}>

897 javascript  reactjs 

일반적인 방법으로 사용할 수있는 일부 구성 요소를 정의하는 올바른 방법을 찾으려고합니다. <Parent> <Child value="1"> <Child value="2"> </Parent> 물론 부모와 자녀 구성 요소 사이의 렌더링에가는 논리가있다, 당신은 상상할 수 <select>와 <option>이 논리의 예로서. 이것은 질문의 목적으로 더미 구현입니다. var Parent = React.createClass({ doSomething: function(value) { }, render: function() { return (<div>{this.props.children}</div>); …

888 javascript  reactjs  react-jsx 

호기심으로 React 를 배우기 시작했고 React와 React Native의 차이점을 알고 싶었지만 Google을 사용하여 만족스러운 답변을 찾을 수 없었습니다. React와 React Native는 같은 형식 인 것 같습니다. 그것들은 완전히 다른 문법을 가지고 있습니까?

729 javascript  reactjs  react-native  javascript-framework 

변경 사항을 듣고 싶은 외부 (구성 요소에 대한) 관찰 가능한 객체가 있습니다. 객체가 업데이트되면 변경 이벤트가 발생하고 변경이 감지되면 구성 요소를 다시 렌더링하려고합니다. 최상위 수준 React.render에서는 가능했지만 구성 요소 내에서는 작동하지 않습니다.render 메소드가 객체를 반환하기 ). 코드 예제는 다음과 같습니다. export default class MyComponent extends React.Component { handleButtonClick() { this.render(); …

690 reactjs  react-jsx 

문서에 따르면 "미들웨어없이 Redux 저장소는 동기식 데이터 흐름 만 지원합니다 . " 나는 이것이 왜 그런지 이해하지 못한다. 컨테이너 구성 요소가 비동기 API를 호출 한 다음 dispatch동작을 호출 할 수없는 이유는 무엇 입니까? 예를 들어, 간단한 UI : 필드와 버튼을 상상해보십시오. 사용자가 버튼을 누르면 필드가 원격 서버의 데이터로 채워집니다. import …

686 javascript  asynchronous  reactjs  redux  redux-thunk 

JSON 데이터 원본을 허용하고 정렬 가능한 테이블을 만드는 React 구성 요소를 작성 중입니다. 각 동적 데이터 행에는 고유 키가 할당되어 있지만 여전히 다음과 같은 오류가 발생합니다. 배열의 각 자식에는 고유 한 "키"소품이 있어야합니다. TableComponent의 렌더링 방법을 확인하십시오. 내 TableComponent렌더 메소드는 다음을 반환합니다. <table> <thead key="thead"> <TableHeader columns={columnNames}/> </thead> <tbody key="tbody"> …

655 javascript  reactjs 

React-router를 사용하고 있으며 링크 버튼을 클릭하는 동안 제대로 작동하지만 웹 페이지를 새로 고칠 때 원하는 것을로드하지 않습니다. 예를 들어, 나는 localhost/joblist링크를 누르면 여기에 도착했기 때문에 모든 것이 정상입니다. 그러나 웹 페이지를 새로 고치면 다음과 같은 결과가 나타납니다. Cannot GET /joblist 기본적으로 이와 같이 작동하지 않았습니다. 처음에 나는 같은 내 URL을했다 …

653 javascript  reactjs  url  react-router 

onClick 이벤트 값 속성을 읽고 싶습니다. 그러나 그것을 클릭하면 콘솔에 다음과 같은 것이 보입니다. SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent, type: "click", target 내 코드가 올바르게 작동합니다. 내가 실행 {column}하면 onClick 이벤트에서 볼 수는 있지만 얻을 수는 없습니다. 내 코드 : var HeaderRows = React.createClass({ handleSort: function(value) { console.log(value); …

638 javascript  reactjs 

구성 요소가 렌더링 된 후 특정 텍스트 필드에 포커스를 설정하는 반응 방식은 무엇입니까? 문서는 다음과 같은 참조 사용을 제안하는 것 같습니다. ref="nameInput"render 함수에서 입력 필드에 설정 한 후 다음을 호출하십시오. this.refs.nameInput.getInputDOMNode().focus(); 하지만 어디로 전화해야합니까? 몇 곳을 시도했지만 제대로 작동하지 않습니다.

629 javascript  reactjs 

나는 React에서 Pluralsight 코스를보고 있었고 강사는 소품을 변경해서는 안된다고 말했습니다. 나는 소품 대 상태에 관한 기사 (uberVU / react-guide) 를 읽고 있는데 props와 state changes는 렌더 업데이트를 유발합니다. 이 기사의 뒷부분에서 다음과 같이 말합니다. 소품 (속성의 약자)은 구성 요소의 구성이며, 가능하면 옵션입니다. 그것들은 위에서 받고 불변입니다. 소품은 변할 수 있지만 …

559 javascript  reactjs 

특정 조건이 충족되는 경우에만 React 구성 요소에 속성을 추가하는 방법이 있습니까? 렌더링 후 Ajax 호출을 기반으로 요소를 형성하기 위해 필수 및 readOnly 속성을 추가해야하지만 readOnly = "false"가 속성을 완전히 생략하는 것과 같지 않기 때문에이를 해결하는 방법을 볼 수 없습니다. 아래 예제는 내가 원하는 것을 설명해야하지만 작동하지 않습니다 (구문 오류 : …

550 javascript  reactjs 

React.js를 처음으로 엉망으로 클릭 이벤트를 통해 페이지에서 무언가를 표시하거나 숨길 수있는 방법을 찾을 수 없습니다. 다른 라이브러리를 페이지에로드하지 않으므로 React 라이브러리를 사용하여 기본 방법을 찾고 있습니다. 이것이 내가 지금까지 가진 것입니다. 클릭 이벤트가 발생할 때 결과 div를 표시하고 싶습니다. var Search= React.createClass({ handleClick: function (event) { console.log(this.prop); }, render: function …

532 javascript  reactjs