如题。在App.tsx文件中创建引入了录音:
import { lazy, Suspense } from 'react'
import { Route, Switch, Redirect } from "react-router-dom";
// 引入路由
const Login = lazy(() => import("@/pages/Login"))
const Layout = lazy(() => import("@/pages/Layout"))
export default function App() {
return (
<>
<Suspense fallback={<div>Loading</div>}>
<Switch>
<Redirect exact path='/' to='/layout' />
<Route path="/layout" component={Layout}></Route>
<Route path="/login" component={Login}></Route>
</Switch>
</Suspense>
</>
)
}
react需要在外侧包裹Router才能使用,我包裹在index.tsx中:
import ReactDOM from "react-dom";
import App from './App'
import { BrowserRouter as Router } from "react-router-dom";
ReactDOM.render(
<Router>
<App/>
</Router>,
document.getElementById('root'))
最后给我报错,目前我的技术只能看得出是ts报的类型错误,但是不知道怎么解决,求指点迷津。
- 1.2k
浙江应该是项目中的 react-route 是 v6 版本,没法直接使用子路由,需要配合 Outlet 使用。
见:https://reacttraining.com/blo...