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로 바뀌어서 출력된다.