react 객체 업데이트 질문 드립니다...

Question

안녕하세요 객체를 업데이트 하고 싶습니다 댓글 기능을 만들고 있는데 객체 업데이트가 잘 안들어가서이렇게 질문 드립니다... const post &#61; { id : uid : userName : userPhotoURL : userText : imageURL : likes : userComment : 여기안에 배열을 업데이트 하고싶습니다. };// 댓글을 업데이트 하는 곳 입니다. const [comment, setComment] &#61; useState([]); const makeComment &#61; [...comment , {userComment : {commentName : location.state.displayName, commentPhotoURL : location.state.photoURL, commentText : commentRef.current.value}}] setComment(makeComment); addPost(...posts,{userComment :makeComment})// 받아온 post를 업데이트 하는 곳 입니다. setPost(post &#61;> { const updated &#61; {...post}; updated[posts.id] &#61; posts; console.log(updated); return updated; });이 방법 저 방법으로 제가 아는 방법으로 다 해봤지만 값이 업데이트가 안 되거나 posts is not iterable 에러가 나옵니다. 3일째 해결을 못 해서 도움을 주신다면 정말 감사하겠습니다.

selectjun · Answer

이 코드만으로는 확인이 뭐가 잘못되었는지 확인하기가 힘들 것 같네요...

selectjun · Answer

추가적으로 addPost라는게 post를 추가한다는 의미인지, 아니면 댓글을 업데이트한다는 의미인지 잘 모르겠습니다. 만약 댓글을 업데이트한다는 의미라면 두 가지 의미로 생각할 수 있을 것 같습니다.(저 코드만 보면) 포스트 목록에서 업데이트 하는건지, 아니면 하나의 포스트를 뜻하는 것지... 의미를 잘 모르겠습니다. 만약 포스트 목록에서 업데이트 하는 거라면, 포스트를 구분하는 기본키값이 필요할 것이라고 생각하는데 그게 없습니다.반대로 하나의 포스트 업데이트 하는 거라면, addPost(...posts, userComment: userComment)라고 작성을 해야 된다고 봅니다.// 받아온 post를 업데이트 하는 곳 입니다. 이 부분에서는 코드가 적어 변수가 어디에서 선언 되었으면, 어떤 값이 들어가 있는지 모르겠습니다. 결론은 저 코드로는 다른 분들도 봐 드리기가 힘들거라고 생각해요...

코딩어렵넹 · Answer

id 는 Date.now로 처리하여서 id: Date.now() 값이 구분하는 키 값으로 설정했습니다. updated[posts.id] 이 부분 입니다. 1608867875276 : {likes : 0 userName: ~~ id: 1608867875276 }1608868630671 : {likes : 0 userName: ~~} 이런 형식입니다. 댓글을 업데이트 하는 곳은 Object.keys(post)로 돌고 난 후에 그 안에서 처리하는 곳 입니다. post를 업데이트 하는 곳은 제일 위에 컴포넌트 입니다 포스트는 여러개가 있습니다. 목록 중 에서 그 포스트만 업데이트 해야합니다 ㅠ addPost(...posts, userComment: userComment) 써 봤더니 : < 이 부분에서 컴파일이 안 먹힙니다 ..ㅠ

selectjun · Answer

혹시 코드를 보고 싶은데 괜찮으신간요?괜찮으시다면 디스코드로 연락주세요selectjun#6875

페코옹 · Answer

일단 가장 문제가 변수명이 이상하네요코드를 봐도 뭔 소린지 모르겠어요.단수이면 객체 저장하시고 복수이면 s 붙이시고 array로 하세요 배열 형태의 데이터 특별한 이유 없으면 객체에 넣지 마세요; 그리고 나서 이런식으로 하지 마시고setPost(post &#61;> { const updated &#61; {...post}; updated[posts.id] &#61; posts; console.log(updated); return updated; }); post 리스트들 posts라는 array에 넣으시고 setPosts(currentPosts &#61;> currentPosts.map(el &#61;> (el.id &#61;&#61;&#61; post.id ? post : el)))요런 식으로 해보세요

페코옹 · Answer

그리고 처음 리액트 공부하시는거면 일단 코딩 스탑하시고리액트 기초부터 나와있는 책이든 강의든 아니면 기본적인 todo 리스트 만드는 블로그 같은거 먼저 보시고 진행하시는 걸 추천드립니다.나중에 계속 꼬이고 하다보면 더 고치기 힘들어질거에요~

react 객체 업데이트 질문 드립니다...

6개의 답변

#iterable 목록