reactjs - 反应路由器不渲染路由
问题描述
尝试使用 React Router 时,我不断收到错误消息,即我的 Route 必须在 Router 内,即使它已经在 Router 内。我已经尝试再次运行 npm install,并删除和读取反应路由器 npm 包。错误信息是
Invariant failed: You should not use <Route> outside a <Router>
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter as Router } from 'react-router-dom';
ReactDOM.render(
<Router>
<React.StrictMode>
<App />
</React.StrictMode>
</Router>,
document.getElementById('root')
);
应用程序.js
import logo from './logo.svg';
import './App.css';
import Main from './Components/Main/main';
import {BrowserRouter, Route,Link } from 'react-router-dom';
function App() {
return (
<div className="App">
<Route exact path='/'>
<Main />
</Route>
</div>
);
}
export default App;
main.js
export default function Main(props) {
const [anim,setAnim] = useState(false);
return (
<MainSection>
</MainSection>
)
}
解决方案
推荐阅读
- identityserver4 - IdentityServer4 OIDC 请求对象支持
- java - Java 私有静态最终字段和匿名内部类与 Kotlin const val 和对象表达式/声明
- r - 转换为 plotly 时保留 ggplot2 引用
- reactjs - 尝试导航 null 不在评估 C.State 的对象上
- python - 根据相似的列值将单独的熊猫数据框中的列相乘
- c++ - 使用类从双向链表中删除节点
- php - 如何更改列以支持 unicode
- angular - npm 错误!无法读取未定义的属性“解决”
- reactjs - 获取`存储错误:应用程序试图写入一个没有提供类型名的对象,但存储已经包含一个具有类型名的对象`
- android - 使用 Activity ImageView 居中 Android WindowBackground