import Home from './pages/Home';
import { BrowserRouter as Routes, Route} from 'react-router-dom';
function App() {
return (
<Routes>
<div className="max-w-screen-md mx-auto pt-20">
<Route exact path="/" component={Home} />
</div>
</Routes>
);
}
export default App;
이미 나는 많은 연구하고 설치하는 많은 npm 기본 코드,하지만 같은 문제에 직면(오류:만으로 사용되는 아이의 요소에 적이 직접 렌더링됩니다. 시기 바랍 랩의에서).
감사과 사랑에서 내 심장을 위한 고급합니다.
import { BrowserRouter as Routes, Route} from 'react-router-dom';
당신을 가져오 BrowserRouter 고 이름을 변경하는 노선이 있습니다. 이것은 구성 요소에 언급된 오류 메시지가 표시됩니다. 대신,당신을 가져올 필요가 BrowserRouter 과도 가져올로고 그것을 사용할 수 있습니다.
import { BrowserRouter, Routes, Route } from 'react-router-dom';
function App() {
return (
<BrowserRouter>
<div className="max-w-screen-md mx-auto pt-20">
<Routes>
<Route exact path="/" component={Home} />
</Routes>
</div>
</BrowserRouter>
)
}