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

home2 게시판 React 게시판 제목 클릭시 모달창이 안 뜹니다

제목 클릭시 모달창이 안 뜹니다

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

    박혜린
    참가자
    안녕하세요. 리액트 수강자입니다. 현재 자식이 부모의 state 가져다쓰고 싶을 때는 props 초반 부분을 듣고있는데 그 전 강의까지는 제목 클릭시 잘 뜨던 모달창이 갑자기 안 떠 질문드립니다.
    혹시 아래의 코드에서 어떤 부분이 잘못 되었는지 알려주실 수 있으신가요?
    function App() {
      let post='블로그 글 제목';
      let [글제목,글제목변경] = useState(['남자 코트 추천','강남 우동맛집','파이썬독학']);
      let [따봉,따봉변경]=useState([0,0,0]);
      let [modal,setModal] = useState (false);
      return (
        <div className="App">
          <div className="black-nav">
            <h4>ReactBlog</h4>     
          </div>
          {
            글제목.map(function(a,i){
              return(
                <div className="list" key={i}>
                  <h4 onclick={()=>{setModal(true)}}>{글제목[i]} <span onClick={()=>{
                    let copy = [...따봉];
                    copy[i] = copy[i]+1;
                    따봉변경(copy)}}>👍</span> {따봉[i]}</h4>
                  <p>2월 17일 발행</p>
                </div>
              )
            })
          }
          {
            modal == true? <Modal/> : null
          }
         
        </div>
      );
    }
    function Modal(){
      return(
        <div className="modal">
            <h4>제목</h4>
            <p>날짜</p>
            <p>상세내용</p>
        </div>
      )
    }
    export default App;
    #63150

    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 호 / 개인정보관리자 : 박종흠