css custom
안녕하세요 제로초님 css 관련 궁금한 점이 있어서 질문남깁니다!
아래와 같은 코드에서 리액트가 상태를 파악해서 다시 그려주는데 만약 open상태에서 그 어떤 글자를 클릭했을 때 색을 변하게 하고 싶어서 함수로 직접 dom에접근해 style을 변경시켰는데 다시 닫았다가 다시 open일 때 태그에 넣어놨던 style이 사라지는 경우 가 있습니다. 클래스도 마찬가지구요. 그러할 경우에는 기존 아래와 같은 방식으로는 해결할 수 없나요?
답변 1
0
리액트에서는 진짜 특수한 경우를 제외하고 직접 DOM에 접근하시면 안 됩니다. 리렌더링될 때 DOM에 직접 변경했던 내용이 전부 초기화됩니다. item.content같은 데이터를 수정하셔야 합니다. content에는 리액트 컴포넌트를 넣을 수 있습니다. 글자를 클릭할 때 그 글자의 색이 바뀌는 컴포넌트를 item.content 데이터와 함께 넣으시면 됩니다.
content={<ChangeColorComment data={item.content} />}
넥스트 버젼 질문
0
109
2
로그인시 401 Unauthorized 오류가 뜹니다
0
112
1
무한 스크롤 중 스크롤 튐 현상
0
209
1
특정 페이지 접근을 막고 싶을 때
0
128
2
createGlobalStyle의 위치와 영향범위
0
115
2
인라인 스타일 리렌더링 관련
0
111
2
vsc 에서 npm init 설치시 오류
0
171
2
nextjs 15버전 사용 가능할까요?
0
172
1
화면 새로고침 문의
0
133
1
RTK에서 draft, state 차이가 있나요?
0
179
2
Next 14 사용해도 될까요?
0
463
1
next, node 버전 / 폴더 구조 질문 드립니다.
0
368
1
url 오류 질문있습니다
0
225
1
ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out
0
405
1
sudo certbot --nginx 에러
0
1320
2
Minified React error 콘솔에러 (hydrate)
0
505
1
카카오 공유했을 때 이전에 작성했던 글이 나오는 버그
0
263
1
프론트서버 배포 후 EADDRINUSE에러 발생
0
354
1
npm run build 에러
0
543
1
front 서버 npm run build 중에 발생한 에러들
0
414
1
서버 실행하고 브라우저로 들어갔을때 404에러
0
357
2
css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.
0
297
1
팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.
0
272
2
해시태그 검색에서 throttle에 관해 질문있습니다.
0
215
1