리액트 라우팅에서 /user/test 할 때 하위 파일을 찾는 문제

Question

리액트 프로젝트로 구현되어있습니다./users 와 /user/test 페이지를 리액트 라우터에 추가해뒀는데 경로가 렌더링 되지 않고 하위 경로로 접근을 하고 있습니다. 왼쪽이 http://localhost:3000/users 로 접근했을 때의 모습이고 (정상),오른쪽이 http://localhost:3000/user/test 로 접근했을 때의 모습입니다. (스크립트 에러 발생. Uncaught SyntaxError: Unexpected token '<') 왜 이런 현상이 발생했을까요.. 도움 부탁드립니다.Index.html // ... 생략 Index.jsimport React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import store from './configureStore'; import App from './App'; const rootEl = document.createElement('div'); rootEl.style.height = '100%'; document.body.appendChild(rootEl); ReactDOM.render( , rootEl, ); App.jsconst App = () => { return ( // ... 생략 Test.jsimport React from 'react'; const Test = () => { return

test

; }; export default Test;

한국은역시자바 · Answer

Route에 exact 라는 속성이 있습니다.

naanace · Answer

exact 속성을 둘다 입력해도 동일한 현상이 발생하고 있습니다

리액트 라우팅에서 /user/test 할 때 하위 파일을 찾는 문제

2개의 답변

#dynamic 목록