todolist 목록 구현하기

[형산]

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

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

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

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

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

 

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

[codingapple]

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

 

state로 하려면 

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

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

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

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

 

[형산]

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

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

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

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

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

어쨌든 해결

감삼다 !!

[글쓴이]

글