스택큐힙리스트

리액트(React.js)를 사용할 때 헷갈리는 점이 있습니다. 인터넷에는 React를 사용하는 많은 예제가 있지만 일부는 .js 파일을 사용하고 다른 일부는 .jsx 파일을 사용합니다. JSX 파일에 대해 읽어본 결과, 이 파일은 JavaScript 안에 HTML 태그를 작성할 수 있게 해준다는 것이었습니다. 하지만 같은 내용을 JS 파일에서도 작성할 수 있습니다. 그렇다면 .js와 .jsx의 실제 차이점은 무엇일까요?답변 1파일 확장자에 따라 없습니다. 번들러/트랜스파일러/기타가 어떤 유형의 파일 컨텐츠가 있는지 해결을 담당합니다. 그러나 .js 또는 .jsx 파일 유형에 넣을 내용을 결정할 때 고려해야 할 몇 가지 다른 사항이 있습니다. JSX가 표준 JavaScript가 아니므로 평범한 JavaSc..

React가 setState()가 호출될 때마다 모든 컴포넌트와 하위 컴포넌트를 다시 렌더링합니까? 만약 그렇다면, 왜 그럴까요? React가 상태가 변경될 때 필요한 만큼만 렌더링하는 것이 아닌가요? 다음 단순한 예제에서는 텍스트가 클릭될 때마다 두 클래스 모두 다시 렌더링되는데, 연속적인 클릭에서 상태가 변경되지 않기 때문에, onClick 핸들러가 항상 동일한 값으로 state를 설정한다고 하더라도: this.setState({'test':'me'}); 변경된 state 데이터가없는 경우에만 렌더링이 발생할 것으로 예상했는데요. 예제의 코드는 이곳에서 확인할 수 있고, 임베디드 스니펫도 있습니다: JS Fiddle에서 var TimeInChild = React.createClass({ render:..