잘 이해가 가지않는데
일단 맵으로 돌릴때 콜백함수가 커렌트 요소 , 요소 인덱스로 돌아간다면
const [글자들 , set글자] = useState([
{Id: 0 , 글내용: '글자2'},
{Id: 1 , 글내용: '글자2'},
{Id: 2 , 글내용: '글자3'},
])
글자들.map( (current , index ) => {
retrun (
<div>
{current.id} // 결과 0,1,2 3개 생성
< /div>
)
} )
위처럼 커렌트로 돌리게 될경우에
글자의 배열에서 {Id: 0 , 글내용: '글자2'} 에 추가로 true false 를 주고
{Id: 0 , 글내용: '글자2', 상태:false}
이제 맵 내부에서
글자.map( (current , index ) => {
retrun (
<div onClick={(e)=>{
current.상태 != false
? 클래스 추가
: 클래스 삭제
}}>
{current.id}
< /div>
)
} )
이렇게 하고 해당 맵함수 돌아가는 div에 온클릭시 클릭요소 빼고는 다 true 로 바꿔라 라는true false 로 반환되는 state 만들어서 버튼 누를때마다 변경되게 하면 돌아갈까요?