리액트 라우터에서 Link 태그 사용시 css효과가 풀립니다.

Question

리액트 라우터 사용중인데 영화를 클릭하면 개봉예정페이지로 이동되고1.개봉예정, 2.인기영화, 3.인생영화 네비게이션 바가 하나더 나오게했습니다.개봉예정페이지 에서는 모든 CSS효과가 적용이 되나 인기영화나 인생영화를 클릭하면 가장 위에 있는 영화 버튼의 CSS가 풀려버립니다.해결하는데에 도움이 될만한 힌트 있으시면 부탁드리겠습니다.해결했습니다.영화의 navlink에서 to를 너무 구체적으로 설정한게 잘못이었습니다./movies/films로 설정한나머지 주소가 꼭 movies/films로 시작해야만 액티브가 활성화 된거였습니다영화의 to를 /movies까지만 설정하고 app.js에서 movies의 children으로 films페이지를 index:true로 설정해서 해결했습니다.

하얀뼈 · Accepted Answer

개발자 도구로 css 어떤거 먹고있고, 풀렸을때 css 먹은 상태를 각각 사진으로 보여주시는게 좋을 것 같네여..

리액트 라우터에서 Link 태그 사용시 css효과가 풀립니다.

1개의 답변

Q&A 목록