스택큐힙리스트

나는 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..

나는 두 가지 모두 상호 교환해서 사용되는 것을 본 적이 있습니다. 두 가지의 주요 사용 사례는 무엇인가요? 장점과 단점이 있나요? 더 나은 관행이 있나요?답변 1두 가지 접근 방식은 상호 교환할 수 없습니다. ES6 클래스를 사용할 때는 생성자에서 상태를 초기화하고, React.createClass를 사용할 때는 getInitialState 메서드를 정의해야 합니다. ES6 클래스에 대한 공식 React 문서 참조 class MyComponent extends React.Component { constructor(props) { super(props); this.state = { /* 초기 상태 */ }; } } 고급과 동등합니다. var MyComponent = React.createClass({ g..

언제 props를 super()에 전달하는 것이 중요하며, 그 이유는 무엇인가요? class MyComponent extends React.Component { constructor(props) { super(); // 혹은 super(props) ? } } 답변 1주의하세요. super에 props를 전달하든 전달하지 않든 이후에 constructor 외부의 this.props를 사용하는 것에는 영향을 미치지 않습니다.. 즉 render, shouldComponentUpdate, 이벤트 핸들러 등에서 항상 접근할 수 있습니다. 이것은 Sophie Alpert의 답변에서 비슷한 질문에 명확히 언급되었습니다. 문서인 — 상태와 생명주기, 클래스에 로컬 상태 추가, 2번째 항목 — 다음을 권장합니다: 클래스..

자바스크립트에서 x번 반복하는 일반적인 방법은 다음과 같습니다: for (var i = 0; i < x; i++) doStuff(i); 하지만 나는 ++ 연산자를 사용하지 않거나 전혀 가변 변수를 사용하고 싶지 않습니다. 그래서 ES6에서 다른 방법으로 x번 반복할 방법이 있을까요? 나는 루비의 메커니즘을 좋아합니다: x.times do |i| do_stuff(i) end 자바스크립트/ES6에서 비슷한 것이 있을까요? 약간 트릭을 사용하여 직접 제너레이터를 만들 수 있습니다: function* times(x) { for (var i = 0; i < x; i++) yield i; } for (var i of times(5)) { console.log(i); } 물론 여전히 i++를 사용하고 있습니다. 적어..