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

home2 게시판 React 게시판 todolist 목록 구현하기

todolist 목록 구현하기

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

    형산
    참가자

    todolist 목록이 여러개가 생성이 되었을때,

    각 목록 아이템마다 수정버튼이 있습니다.

    그래서 수정버튼을 누르면 누른것만 그대로있고, 나머지 리스트들은 opacity처리가 되게하고싶은데,

    jquery나 javascript에선 전체 리스트를 다 opacity처리가 되게하고, 클릭한 것만 e.target.classList(add) 이런식이였던가....

    되게 쉽게 했었거든요......

     

    근데 리액트에선 이 개념을 적용할 방법을 도저히 모르겟습니다 ㅠㅠ state를 통해 해야될꺼같은데... 참어렵네요 .. 보통 어떻게 하나요....?

    #22272

    codingapple
    키 마스터

    리액트도 이벤트리스너 부착은 자유입니다 한 번 해보시면 됩니다

     

    state로 하려면 

    지금 몇째 항목이 수정중인지 저장할 state 만들어두고 

    0번째 항목이 수정중이면 0번째 항목만 style={ { opacity : 0 } }

    나머지는 style={ { opacity : 1 } } 해달라고 코드짜면 되겠군요 

    지금 X번째 항목이 수정중일 때 0을 1로 바꿔라 이런건 조건문이나 삼항연산자 쓰면 됩니다

     

    #22288

    형산
    참가자

    제가 원래 원한건 클릭한것만 살아있고, 나머지 리스트들은 다 opacity처리가 되게끔 하는 것이었는데,

    알려주신데로 하다보니 클릭한것만 opcacity처리가 됩니다.

    근데 보다보니 이게 더 나아서 이걸로 적용하겠습니다.

    나머지 리스트들이 다 opacity가 처리가 되게끔하는 방법은 굳이 지금 알려고 하지않겠습니다.

    나중에 다시 난제로 만난다면 그때 해결하지요

    어쨌든 해결

    감삼다 !!

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