여행가는개발자

useEffect 는 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정 할 수 있는 Hook 입니다. 클래스형 컴포넌트의 componentDidMount 와 componentDidUpdate 를 합친 형태로 보아도 무방합니다. useEffect를 사용하는 이유 라이프 사이클에서 논리 작성 문제 React의 이전 라이프 사이클은 부작용이있을 수 있습니다. 예를 들어 페이지 제목에 클릭 횟수를 표시하려는 경우 코드는 다음과 같습니다. componentDidMount() { document.title = `${this.state.count} times` } componentDidUpdate() { document.title = `${this.state.count} times` } componen..

useState란 useState는 함수에 state를 제공합니다. initialState를 파라미터로 받고, state와 state를 변경할 setState 함수를 반환합니다. 전제는 React Class를 작성하고setState ()와 props를 사용하는 방법을 알아야한다는 것입니다. 첫 번째 예부터 시작하겠습니다. 간단한 useState-Counter 예제 import React, { Component } from 'react' class CounterClass extends Component { state = { count: 0 } incrementCount = () => { this.setState({ count: this.state.count + 1 }) } render() { const {..