• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 따봉 개별 카운트 질문있습니다 !!

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

  • 이 주제에는 2개 답변, 2명 참여가 있으며 Ryeong3 년, 11 월 전에 전에 마지막으로 업데이트했습니다.
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #15118

    Ryeong
    참가자

      안녕하세요 ! 따봉 개별 카운트 관련하여 질문이 있습니다.

    useState([0,0,0]);  -->  이렇게 따봉 어레이를 만들면 개별카운트가  잘 작동 합니다 ! 

    하지만 input을 이용해 게시글을 하나 추가하면 useState([0,0,0,0]); 이렇게 일일이 하나 더 추가해야되어 번거로운데 

    이걸 일일이 수정하지 않아도 되게 만들 수는 없을까요? 

    추석 잘 보내세요 선생님...^^

     

    let [title, setTitle] = useState(['서초', '합정', '압구정']);
      let [like, setLike] = useState([0,0,0]);
      let [clientInput, setClientInput] = useState('');

      function 좋아요함수(i) {
        let copyArray = [...like];
        copyArray[i]++
        setLike(copyArray);
      }

     

          {
            title.map(function(a, i){
              return (
                <div className="list" key={i}>
                  <h3> { a } <span onClick={ ()=>{좋아요함수(i)} }> ? </span> { like[i] } </h3>
                  <p> 8월 19일 발행 </p>
                  <hr />
                </div>
              )
            })
          }

     

     

    #15121

    codingapple
    키 마스터

    게시물을 하나 추가할 때 

    like 라는 array에 맨 뒤에 0을 추가해달라고 코드를 짜면 되겠군요 

    #15123

    Ryeong
    참가자

    헉 바로 잘 실행 되네요 감사합니다 !!

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠