목록상태변경 (2)
스택큐힙리스트
나는 reactjs 문서의 Forms 섹션을 읽고 이 코드를 사용하여 onChange 사용법을 보여주려고 시도했습니다 (JSBIN). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: 초기값 }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() { return ( ); } }); React.render( , do..
React가 setState()가 호출될 때마다 모든 컴포넌트와 하위 컴포넌트를 다시 렌더링합니까? 만약 그렇다면, 왜 그럴까요? React가 상태가 변경될 때 필요한 만큼만 렌더링하는 것이 아닌가요? 다음 단순한 예제에서는 텍스트가 클릭될 때마다 두 클래스 모두 다시 렌더링되는데, 연속적인 클릭에서 상태가 변경되지 않기 때문에, onClick 핸들러가 항상 동일한 값으로 state를 설정한다고 하더라도: this.setState({'test':'me'}); 변경된 state 데이터가없는 경우에만 렌더링이 발생할 것으로 예상했는데요. 예제의 코드는 이곳에서 확인할 수 있고, 임베디드 스니펫도 있습니다: JS Fiddle에서 var TimeInChild = React.createClass({ render:..