따봉 카운터 재질문 합니다.

[이은혜]

안녕하세요

props 강의까지 듣고 나서 각각 제목의 따봉을 클릭했을 때

숫자가 변경되게 하고 싶어서 테스트를 해보았습니다.

따봉을 클릭했을 때 <span onClick={ ()=>{ num(i) } }>?</span> 으로 i의 값을 넘겨주고

function num(i) {
    let newNum = [...따봉];
    newNum[i] = newNum[i] + 1;
    따봉변경(newNum);
  }

num 함수에서 따봉 배열을 카피한 후 적용 했는데

이 방식이 맞는 걸까요?

배운 부분으로 해보았는데, 이렇게 하는 게 맞는 건지 

테스트 하다가 얻어걸린건지 모르겠습니다.ㅠㅠ

따봉 관련 코드도 남겨보겠습니다,

바쁘실텐데 확인 부탁드립니다. 감사합니다!!

 

let [따봉, 따봉변경] = useState([0,1,2]);

function num(i) {
    let newNum = [...따봉];
    newNum[i] = newNum[i] + 1;
    따봉변경(newNum);
  }

{
       글제목.map(function(a, i){
        return (
        <div className="list">
          <h3 onClick={ () => { 누른제목변경(i)} }>{ a } <span onClick={ ()=>{ num(i) } }>?</span> { 따봉[i] }</h3>
          <p>2월 17일 발행</p>
          <hr />
        </div>
         )
       }) 
      }

 

[codingapple]

맞는데요 잘되면 다 정답입니다 

[김영욱]

let [따봉, 따봉변경] = useState([0,1,2]);

let [따봉, 따봉변경] = useState([0,0,0]);   해줘야 초기 따봉카운트가 각각 0으로 셋팅됩니다.

[이은혜]

초기값을 0,1,2로 세팅해 둔것입니다~

[글쓴이]

글