리액트 useEffect문 의존성배열에 state를 객체로 두고 사용해도되나요?

Question

예를들어const [stateObj, setStateObj] &#61; useState({name: 'jin', age: 27})state변경...name만 바뀜useEffect(() &#61;> {effect실행...}, [stateObj.name])state변경...age만 바뀜useEffect(() &#61;> {effect실행안됌...}, [stateObj.name])이런식으로 state를 업데이트 했을때, name만 변경되었을때는 effect타고 age만 변경되었을때 effect문이 실행이 되지 않는것은 확인해서 원하는 로직은 만들었는데이렇게 사용을 해도 되는지를 모르겠는데 문제 없는건가요??

N+! · Answer

현재 useState에 제공하는 state를 불변으로 다루지 않고 있는 것 같습니다.

wlgns2223 · Answer

상관없다고 생각합니다. 대신에 로직이 좀 verbose하지 않을까요.. ? 만약 name,age말고 다른 필드가 추가가 된다면 ? 이펙트가 바뀐다면 ..? 등 useEffect의존성 배열에 객체를 집어놓고 객체의 필드값에 따라 effect를 달리하도록 effect함수를 리팩토링하는게 좋아보이긴합니다.왜냐하면 name이던 age던 effect가 그렇게 다르지 않을꺼로 예상합니다. 그럼 일반화시킨다음 필드에 따라서 이펙트를 DI하거나 하는 등..방법은 많을꺼라고 생각이 되네요.

리액트 useEffect문 의존성배열에 state를 객체로 두고 사용해도되나요?

2개의 답변

Q&A 목록