따봉개별클릭 관련해서 질문드립니다!

[김현진]

let [zero, setZero] = useState([0,0,0]); 

{
          name.map((a,i)=>{
            return (
             
              <div className="list" key={i}>
                <h3 onClick={()=>{setNum(i)}}>{a} <span onClick={()=>{
                  let best = [...zero];
                  best[i]++;
                  setZero(best)
                }}>👍</span>{zero[i]}</h3>
                <p>2월 18일 발행</p>
                <hr/>
            </div>

            )
 

지금 이렇게 작성해서 개별클릭은 잘돌아가고있는데,

추가했을때도 개별로 찍히게 하고싶은데요!
let [name, setName] = useState(['여자 코트 추천', '강남 우동 맛집','재밌는 코딩시간']); //글제목
let [zero, setZero] = useState([0,0,0]); //따봉
let [num, setNum] = useState(0); // 글제목 인덱스

let [text, setText] = useState(''); // input 추가텍스트
let [modal, setModal] = useState(false); //modal창

function change() {
var newChange = [...name];
newChange.unshift(text);
setName(newChange)
}
 

그럴려면 (글제목)부분에 추가되는 (input 추가텍스트) 여기에 (따봉)을 넣어줘야할까요?!?! 도저히 방향성을 못잡겠습니다 ㅠㅠㅠㅠ

[codingapple]

글발행했을 때 zero라는 state도 [0,0,0,0] 이 되게 항목하나 추가하면 됩니다

[열매]

저는 오히려 개별 따봉 문제를 못 풀고 있었는데 현진님 코드보고 배우게 되었습니다

그리고 추가된 글은 어떻게 해야 좋아요를 넣을 수 있을까 생각하다가

코딩애플님 댓글보고 답을 알게되어 현진님께도 공유할게요

 

zero라는 state도 [0,0,0]에서 [0,0,0,0]이 되게 하는것이 핵심이었습니다

저희가 title [남자코트, 강남우동, 파썬독학] 에서 [남자코트, 강남우동, 파썬독학, new thing ] 으로 만들 줄 알듯이

zero 도 똑같이 하면 됩니다

정답은, 글이 저장되는 버튼을 누를때  zero도 copy하면 되는 것이죠

<button onClick = {()=> { var zeroCopy = [...zero]; zeroCopy.unshift(0); setZero(zeroCopy);}}> 이렇게 하시면 될 것 같습니다

감사합니다

[글쓴이]

글