따봉 개별 카운트 질문있습니다.

[밍밍]

let [ 글제목, 글제목변경] = useState(['강남 우동집 맛집','남자코트 추천','강아지'])
  let [ 따봉, 따봉변경 ] = useState([0]);
  
  let [ 누른제목, 누른제목변경 ] = useState(0);
  let [ modal, setModal ]  = useState(false);;

  let [ 입력값, 입력값변경 ]  = useState('');

  let [ 저장, 저장변경 ] = useState('')

  const changeCount = ( i ) => {
          
         let count = [...따봉];
         count[i]++;
         count.push(0)
         따봉변경(count);
  }

 

 

 

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

 

 

    let [ 따봉, 따봉변경 ] = useState([0,0,0]) 으로 하면 

    처음부터 default 값으로 0 부터 시작됩니다. 근데 리스트 길이가 길면 매번 리스트 숫자만큼 0을 넣는게   번거로워서.....궁금해서 게시물 작성합니다. 다른 글도 참고해서 보니... '0' array를 추가하라는 글 보아서 참고했는데  무슨 말인지 잘 이해가 가지 않네요.

일단  push(0)을 넣어보니..되는데 / 페이지 시작부터 default 0이 먼저 출력되지는 않네요.  힌트 좀 주세요!!! 
   

[codingapple]

일단 글이 3개니까 따봉이라는 state도 [0,0,0] 입력해놓고 시작하는게 좋을듯요 

다른 글에서 설명한건 

게시물발행시 그 게시물의 따봉도 기록할 곳이 필요해서

게시물 1개 더 발행하면 [0,0,0,0] 이렇게 만들고

게시물 1개 더 발행하면 [0,0,0,0,0] 이렇게 만들라는 뜻입니다 

[밍밍]

답변 감사합니다 🙂 

[글쓴이]

글