코딩/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]);