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

home2 게시판 React 게시판 좋아요 숫자 개별 증가에서 질문있습니다.

좋아요 숫자 개별 증가에서 질문있습니다.

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #88537

    송주현
    참가자
    function App() {
     
      let [title] = useState(['남자 코트 추천', '맛집 추천', '여자 코트 추천']);
      let [like, up] = useState([0,0,0]);
    let [modal, setModal] = useState(false);
      return (
        <div className="App">
          <div className="black-nav">
            <h4>블로그임</h4>
          </div>
     
            {
              title.map(function(a,i){
                return(
                  <div className="list" key={i}>
                  <h4 onClick={()=>{setModal(!modal)}}>{title[i]}
                </h4>
                <span onClick={()=>{
                  let copy =[...like];
                  copy[i] = copy[i] +1;
                  up(copy);
                }}>👍</span> {like[i]}
                  <p>1월 27일 발행</p>
                  </div>
                )
              })
            }
          {
            modal == true ? <Modal></Modal> : null
          }
       
        </div>
      );
    }
    function Modal(){
      return(
      <div className="modal" >
            <h4>제목</h4>
            <p>날짜</p>
            <p>상세내용</p>
          </div>
          )
    }
    
    여기서 sapn태그 누르면 타입에러가 나는데 도통 이유를 모르겠습니다ㅠㅠ
    #88547

    codingapple
    키 마스터
    복붙해보니 잘되는데 다른데 이상한코드있나 확인해봅시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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