스택큐힙리스트

제 React 컴포넌트가 두 번 렌더링됩니다. 따라서, 한 줄씩 디버그를 하기로 결정했고, 문제는 여기에 있습니다: if ( workInProgress.mode & StrictMode) { instance.render(); } React-dom.development.js 엄격 모드 때문인가요? 비활성화할 수 있을까요? 엄격 모드란 무엇인가요? 필요한가요?답변 1StrictMode는 컴포넌트를 두 번 렌더링하여 코드의 문제를 감지하고 경고하는 것을 목적으로 합니다 (개발 중에만 발생하며 프로덕션에는 발생하지 않음) (이는 매우 유용 할 수 있습니다). 앱에서 StrictMode를 활성화했지만 활성화하는 방법을 기억하지 못하는 경우, 초기에 앱을 만들 때 create-react-app 또는 유사한 도구를 사..

나는 새로운 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..

경고: 컴포넌트가 텍스트 형식의 제어되지 않는 입력을 제어되는 입력으로 변경하고 있습니다. 입력 요소는 제어되지 않는 상태에서 제어된 상태로 전환하거나 그 반대로 전환해서는 안됩니다. 컴포넌트의 생명주기 동안 제어되는 입력 요소 또는 제어되지 않는 입력 요소를 사용하기로 결정하십시오.* 다음은 나의 코드입니다:constructor(props) { super(props); this.state = { fields: {}, errors: {} } this.onSubmit = this.onSubmit.bind(this); } .... onChange(field, e){ let fields = this.state.fields; fields[field] = e.target.value; this.setState({f..

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