[React] useState 업데이트 질문입니다!

Question

안녕하세요~리엑트에서 useState를 업데이트 하려고 하는데요!콘솔에서 newItem을 출력 했을 때 이전 value 값이 노출이 되어서요!조언 부탁드립니다!setTodoList 는 props로 받아오는 useState 입니다!const [value, setValue] &#61; useState({title: &#34;&#34;, content: &#34;&#34;}) useUpdateEffect(() &#61;> { if (item) { setValue({id: item.id, title: item.title, content: item.content, isComplete: item.isComplete}) } }, [item]) const onChange &#61; (e) &#61;> { const {name, value} &#61; e.currentTarget; setValue((prve) &#61;> ({...prve, [name]: value})) } const onCreate &#61; (e) &#61;> { e.preventDefault(); if (!value.title || !value.content) return setTodoList((prve) &#61;> { const newItem &#61; prve.find((prveItem) &#61;> { if (prveItem.id &#61;&#61;&#61; value.id) { console.log(value) return { ...value, createdAt: dayjs().format(&#34;YYYY.MM.DD HH:mm:SS&#34;), updatedAt: dayjs().format(&#34;YYYY.MM.DD HH:mm:SS&#34;), } } }) console.log(newItem) <--- 여기!!!! return [newItem] }) } 예) value.title : &#34;변경 된 타이틀 데이터&#34;newItem.title : &#34;변경 전 타이틀 데이터&#34;

Bluebell · Answer

const newItem = prve.find((prveItem)이부분에서 undifined 를 반환하고 있는 가능성이 가장 크네요. 역시 암살자같은 undifined. 값을 못 찾으니 갱신이 안되서 기존값이 나오는거 같군요

잣댐스키 · Answer

이 질문 내에 잘못된 부분이 좀 있어서 정리해서 말씀드리자면1) prve -> prev : 아무 문제 없이 돌아가지만.. prev (이전) 으로 쓰시는게...2) find : 배열 관련 method 다시 확인해보세요.. find 는 해당 배열에서 특정 요소를 찾아 반환합니다.// id 가 같은 경우에만 객체를 반환하는데 // find 는 boolean 으로 true 인 경우의 요소를 반환 // id 가 다를 경우 결과값이 없으므로 false 로 인식 // id가 같을 경우 객체 반환되므로 true 를 인식하고 해당 요소를 반환 (prev 내 value와 id가 동일한 요소) const newItem &#61; prve.find((prveItem) &#61;> { if (prveItem.id &#61;&#61;&#61; value.id) { // value 값 출력 console.log(value); // 객체를 반환 return { ...value, createdAt: dayjs().format(&#34;YYYY.MM.DD HH:mm:SS&#34;), updatedAt: dayjs().format(&#34;YYYY.MM.DD HH:mm:SS&#34;), } } }) // 올바른 예 const findItem &#61; prev.find((item) &#61;> item.id &#61;&#61;&#61; value.id); const newItem &#61; { ...findItem, createdAt: dayjs().format(&#34;YYYY.MM.DD HH:mm:SS&#34;), updatedAt: dayjs().format(&#34;YYYY.MM.DD HH:mm:SS&#34;), }

[React] useState 업데이트 질문입니다!

2개의 답변

Q&A 목록