[React] useState Hook

phoenix·2021년 9월 26일
0

useState는 함수형 컴포넌트에서 사용된다.
useState는 클래스형의 this.state, this.setState와 같다

useState를 사용하는 방법은 아래와 같다

function App() {
  const [fruit, setFruit] = useState('Apple')		
  return (
    <h1>{fruit}</h1> //Apple이 출력된다 왜냐하면 fruit이라는 state에 Apple이라고 값을 저장했기때문
  )
}
setFruit('Banana')//를 통해 fruit state안에 저장되어있던 값을 바꿀 수 도 있다.

이렇게한다면 출력 값은 Apple이 아닌 Banana로 바뀌어서 출력된다.

profile
phoenix

0개의 댓글