react.js

State.

jsleee 2024. 3. 17. 09:46

state 간단히 말해 "변수" 라고 할 수 있다. 

React 에서는 useState() 함수를 이용하여 변수를 컨트롤 할 수 있다. / *자동 렌더링 기능존재*

setState()는 컴포넌트의 state 객체에 대한 업데이트를 실행합니다.
state가 변경되면, 컴포넌트는 리렌더링됩니다.
https://ko.legacy.reactjs.org/docs/faq-state.html#what-is-the-difference-between-state-and-props

 

다음은 useState() 함수에 대한 샘플 코드이다. 

const [minutes, setMinutes] = React.useState(1);

다음과 같이 정의하면, minutes 에는 1 이라는 변수가 들어가고, setMinutes 라는 함수를 통해서 minutes 라는 변수를 컨트롤 할 수 있다. 

다음은 setMinutes 를 이용하여 mintues 변수를 컨트롤 하는 샘플 코드이다. 

const change_min = (event) => {setMinutes(event.target.value);};