코딩/React
[React] Array state 관리하기
코딩쑤
2022. 3. 22. 08:56
React에서 Array를 사용하기 위해서는 let이나 const로 바로 사용하지 않고 useState로 사용합니다.
const [array, setArray] = useState([]);
이 때, array에 push하는 방법은 ...을 사용하는 것입니다.
setArray([ ...array, newElement]);
다만, for문에 넣어 array를 변경하는 등의 상황에서는 잘 작동하지 않을 때가 있는데요, 그럴 때 wrapped function을 사용합니다. (권장된 방식)
setArray((array) => [...array, newElement]);