스택큐힙리스트

나는 새로운 React Hooks의 useEffect API를 시도하고있는데, 무한 루프에서 계속 실행되는 것 같아요! useEffect 안의 콜백이 한 번만 실행되도록 하고 싶습니다. 참고로 아래는 내 코드입니다: Run code snippet을 클릭하여 콘솔에 무한히 Run useEffect 문자열이 출력되는 것을 확인하세요. function Counter() { const [count, setCount] = React.useState(0); React.useEffect(() => { console.log('Run useEffect'); setCount(100); }); return ( Count: {count} ); } ReactDOM.render(, document.querySelector('#a..

저는 React 컴포넌트에 인라인 스크립팅을 추가하려는 비교적 간단한 문제를 가지고 있습니다. 지금까지 제가 가지고 있는 것은: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( People ); } }; 저는 다음과 같이 시도해 보았습니다: 어떤 방법도 원하는 스크립트를 실행하지 못하는 것 같습니다. 빠뜨린 간단..

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