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

home2 게시판 React 게시판 map 에서 onclick event 기능개발하기

map 에서 onclick event 기능개발하기

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

    김동욱
    참가자
    안녕하세요 강사님. 
    강의 파트 1 에서 동적인 ui 만들기, 모달 창 부분에서 기능을 좀 개선 하구싶은데요.
    현재 진행상황에서는, 모달 창 껏다 키기는 잘 되지만, 1번 게시물을 클릭해서 열린 모달창이, 닫지 않은 상태로
    2번 게시물을 클릭하면 닫히는 상태입니다 왜냐면, 모달 코드를 "setModal(!modal)" 이렇게 만들어놨거든요
    그래서 다른 게시물을 클릭시 무조건 상태가 바뀌어요.(이게 맞죠?.. 전 이제 제가 생각하는게 똑바른지 조차 모르겠어요)
    제가 원하는건, 같은 게시물을 두번 클릭시에는 지금 상태처럼 껏다 켯다를 유지하되 
    모달 창이 열린 상태에서 다른 게시물을 클릭하면 모달 창은 열린상태에서 제목만 바뀌게 하구싶은데요!!. 
    
    근데 함정은 개발이 아직 안 끝났고 ㅎㅎ 중간에 막혀서..진행이 안되는데 이 중간에 막힌 부분을 알아야 제가 다음으로 넘어갈수있을거같아서요 
    
    
    
    표시해놓은 부분처럼 제목에다 온클릭 이벤트를 줘서, 일단  그 이벤트의 내용물이랑 타이틀의 인덱스가 맞나 하고 확인중이였는데, 
    
    
    텍스트를 읽어보기에는 다른 텍스트들과 차이가 없는데 꼭 첫번째 게시물에서만 데이터가 동일 하지 않다고 나와서요 이거는 왜 이런건가요??.
    그리고 기능 개발 로직에 대해서도 좀 도움을 받구싶은데요..
    
    제가 생각하는 로직은, " modal(false)? setModal(!modal) :  요기에 다른 코드 " 
    이렇게 입니다. 첫번째 조건문이 성립하지 않을때 이제 "요기에 다른코드" 에 들어갈 코드가 좀 쉽지않네요.
    제 비루한 머리로 생각해본 코드는, 이벤트 타겟의 텍스트가 타이틀의 그 인덱스에 해당하는 타이틀과 맞아떨어질시 "setModal(!modal) - 이러면 모달창 꺼짐"
    을 실행하고 그렇지 않으면... 아무것도 안하나?... 여기서 설명이 막히네. 아니면 모달창을 새로 랜더링 해줘야하나? 근데 새로 랜더링은 어떻게 해주죠?.
    
    남들은 다 어려운 질문 하던데.. 저만 너무 초반 부분에서 막혔나요?.. 나만 코드 적을줄 모르나.. 
    일단 제 나름대로 알아보기 쉽게 적긴 했는데.. 
    강사님께서 알아보실수있을지 모르겠어요..
    혹시 이해가 안되시면 제가 댓글에 추가로 뭘 더 적어볼게요!!.
     
     
     
     
     
     
     
    #42589

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