인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

김우석(Kim Woo Seok)님의 프로필 이미지
김우석(Kim Woo Seok)

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

activeClassName selected 효과관련 질문입니다!!

작성

·

235

0

v6부터 activeClassName이 사라졌다고 해서

NavLink 에 selected 효과를 채널과 디엠 둘다 똑같이 적었습니다 근데

DM리스트에는 selected효과가 제대로 먹히고

채널리스트에는 두번째 채널만 클릭할때 효과가 들어가는데

원인이 무엇인지 모르겠습니다 ㅠㅠ 에러도 안뜨고 주소는 위아래 제대로 생성되고 있습니다,,

 

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

일반만 안 되고 나머지는 다 된다는 말씀이신가요? DM에서 한글 닉네임들은요??

추가로 다른 채널들 생성해서 해봤는데

기존의 '일반' 하고 '테스트채널' 을 제외한 새로 만든 채널에서는 정상작동 하고있습니다..

DM에서는 한/영 상관없이 잘 동작하빈다

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

한글만 안 된다는 말씀이시죠? DM쪽 NavLink는 코드 어떻게 작성하셨나요?

너무 늦게 답변드려 죄송합니다ㅠㅠ 한글만 안되는게 맞습니다..

DMList 의 NavLink 입니다

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

/channel/${encodeURIComponent(channel.name)}`

하면 어떤가요?

감사합니다 선생님 ㅜㅜㅜ 잘 동작됩니다!!!

이렇게 또 하나 배웠습니다 감사합니다

김우석(Kim Woo Seok)님의 프로필 이미지
김우석(Kim Woo Seok)

작성한 질문수

질문하기