«reactjs» 태그된 질문

reactjs를 사용하고 있습니다. 아래 코드를 실행하면 브라우저에 다음과 같이 말합니다. 잡히지 않은 TypeError : 슈퍼 표현식은 null이거나 정의되지 않은 함수이어야합니다 무엇이 잘못되었는지에 대한 힌트를 주시면 감사하겠습니다. 먼저 코드를 컴파일하는 데 사용 된 행 : browserify -t reactify -t babelify examples/temp.jsx -o examples/public/app.js 그리고 코드 : var React = require('react'); class …

256 reactjs  ecmascript-6 

React (Facebook의 프레임 워크)에서 표준 for속성을 사용하여 텍스트 입력에 바인딩 된 레이블 요소를 렌더링해야 합니다. 예를 들어 다음 JSX가 사용됩니다. <label for="test">Test</label> <input type="text" id="test" /> 그러나 이렇게하면 HTML에 필수 (및 표준) for속성 이 누락됩니다 . <label>Test</label> <input type="text" id="test"> 내가 뭘 잘못하고 있죠?

250 reactjs  label 

편집 : 이것은 중복입니다, 여기를 참조 하십시오 상태를 설정할 때 동적 키 이름을 사용하는 예를 찾을 수 없습니다. 이것이 내가하고 싶은 일입니다. inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, 여기서 event.target.id는 업데이트 할 상태 키로 사용됩니다. 이것이 React에서 가능하지 않습니까?

248 javascript  reactjs  computed-properties 

구성 요소에 전달되는 객체 배열이 실제로 특정 모양의 객체 배열인지 확인하기 위해 proptype을 사용하는 기본 제공 방법이 있습니까? 아마도 이런 식으로 뭔가? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), 여기에 명백한 것이 빠져 있습니까? 이것처럼 많이 찾는 것 같습니다.

245 arrays  reactjs  react-proptypes 

크기에 맞는 소품을받는 구성 요소가 있습니다. prop은 문자열 또는 숫자 ex : "LARGE"또는 17입니다. propTypes 유효성 검사에서 React.PropTypes가이 중 하나 일 수 있음을 알 수 있습니까? 유형을 지정하지 않으면 경고가 표시됩니다. prop type `size` is invalid; it must be a function, usually from React.PropTypes. MyComponent.propTypes = { size: React.PropTypes }

244 reactjs  react-proptypes 

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 작년에 문을 닫았 습니다 . 이 질문을 개선하십시오 최근에 Redux를 발견했습니다 . 모두 좋아 보인다. Fluux over Redx 사용시 단점, 단점 또는 …

243 reactjs  redux  flux  reactjs-flux 

JSX에 요소를 선택적으로 포함 시키려면 어떻게해야합니까? 다음은 컴포넌트가 전달 된 경우 컴포넌트에 있어야하는 배너를 사용하는 예제입니다. 피하고 ​​싶은 것은 if 문에서 HTML 태그를 복제해야합니다. render: function () { var banner; if (this.state.banner) { banner = <div id="banner">{this.state.banner}</div>; } else { banner = ????? } return ( <div id="page"> {banner} <div …

229 javascript  reactjs  react-jsx 

React로 Redux를 배우고 있으며이 코드를 우연히 발견했습니다. Redux 전용 인지 확실 하지 않지만 예제 중 하나에서 다음 코드 스 니펫을 보았습니다. @connect((state) => { return { key: state.a.b }; }) 의 기능 connect은 매우 간단하지만 @이전을 이해하지 못합니다 connect. 내가 틀리지 않으면 JavaScript 연산자조차 아닙니다. 누군가 이것이 무엇이며 왜 사용되는지 …

226 javascript  reactjs  decorator  redux 

공식적인 React 문서 는 " 는 객체를 얕게 비교하는 것" React.PureComponent이라고 말하고 shouldComponentUpdate(), 상태가 "깊다"면 이에 대해 조언합니다. 이것이 주어지면 React.PureComponentReact 컴포넌트를 만들 때 선호 해야하는 이유가 있습니까? 질문 : 사용에있어 성능에 영향 React.Component을 줄 수 React.PureComponent있습니까? 내가 추측 오전 shouldComponentUpdate()의 PureComponent유일한 얕은 비교를 수행합니다. 이 경우, 심도있는 비교 방법으로이 …

224 reactjs  state 

react-redux의 연결 방법과 매개 변수로 사용되는 기능을 이해하려고합니다. 특히 mapStateToProps(). 내가 이해하는 방식의 반환 값은 mapStateToProps상태 (상점에있는 상태)에서 파생 된 객체이며 키는 대상 구성 요소 (구성 요소 연결이 적용됨)에 소품으로 전달됩니다. 이는 대상 구성 요소가 소비 한 상태가 상점에 저장된 상태와 크게 다른 구조를 가질 수 있음을 의미합니다. Q : …

220 javascript  reactjs  redux  react-redux 

React.js로 작업을 시작한 후에 props는 정적 (부모 구성 요소에서 전달됨)으로 의도 된 것처럼 보이지만 state이벤트에 따라 변경됩니다. 그러나 문서에서에 대한 참조를 발견했으며 여기에는 특히이 componentWillReceiveProps예제가 포함되어 있습니다. componentWillReceiveProps: function(nextProps) { this.setState({ likesIncreasing: nextProps.likeCount > this.props.likeCount }); } 이것은 속성의 비교에 기반 구성 요소를 변경할 수 있음을 의미하는 것 nextProps까지 this.props. …

217 javascript  reactjs  properties 

this.props.history.push('/page')React-Router v4에서 매개 변수를 어떻게 전달할 수 있습니까? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

217 reactjs  react-router 

한 구성 요소를 다른 반응 구성 요소로 전달하는 방법이 있습니까? 모델 반응 구성 요소를 만들고 다른 반응 구성 요소를 전달하여 해당 내용을 변환하고 싶습니다. 편집 : 여기 내가하려는 일을 보여주는 reactJS 코드 펜이 있습니다. http://codepen.io/aallbrig/pen/bEhjo HTML <div id="my-component"> <p>Hi!</p> </div> 반응 JS /**@jsx React.DOM*/ var BasicTransclusion = React.createClass({ render: function() …

216 javascript  reactjs 

나는 다음과 같은 구조를 가지고 있습니다 : FormEditor-여러 FieldEditor를 보유 FieldEditor-양식의 필드를 편집하고 상태에 대한 다양한 값을 저장합니다. FormEditor 내에서 단추를 클릭하면 모든 FieldEditor구성 요소 에서 필드에 대한 정보 , 해당 상태 에있는 정보를 수집하여 FormEditor 내에 모두 포함시킬 수 있기를 원합니다. 나는 FieldEditor상태 외부의 필드에 대한 정보를 저장하는 FormEditor대신에 …

215 javascript  reactjs 

onKeyPressReactJS 에서 이벤트를 어떻게 작동시킬 수 있습니까? enter (keyCode=13)누를 때 경고해야합니다 . var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, document.body);

215 javascript  reactjs  keypress  onkeypress