Today I Learned
[Front-End] - React
오늘은 리액트에서
useState와components에 대해 배웠다.
useState
useState는 일반적으로 다음과 같이 쓰인다.const [something, setSomething] = useState(initialState);Parameter
initialState는 원하는 초기상태의 값이고, 모든 Type의 값이 될 수 있다.
또한 이 인수(Argument)는 초기 렌더링 후에 무시된다.
- 그러면initialState는 초기화 함수로 처리 되는데, React는Component를 초기화할 때 초기화 함수를 호출하고 반환 값을 초기 상태로 저장하게 된다.Returns
useState는 정확히 두 개의 값을 가진 배열을 리턴한다.
1. 하나는something(현재 state), 첫번째 렌더링 중에 통과한initialState와 같다.
- 다른 하나는
setSomething,something을 다른 값으로 업데이트하고 다시 렌더링할 수 있다.Caveats
useState는Hook이므로Component또는 자체Hook의 최상위 단계에서만 호출할 수 있다. 반복문이나 조건문 내에서는 호출할 수 없다. 써야되는 경우엔 새Component를 추출하여 해당Component로 상태를 이동한다.
