react route路由怎么注册
时间: 2023-12-13 18:03:13 浏览: 72
要在React中注册路由,需要使用React Router库。首先,需要在项目中安装React Router库:
```
npm install react-router-dom
```
然后,在需要使用路由的组件中,可以按照以下方式导入React Router的组件:
```javascript
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
```
在这个例子中,我们使用了BrowserRouter作为router组件,Route组件用来定义每一个路由,Switch组件用来匹配路由。
接下来,我们可以在Router组件中定义各个路由:
```javascript
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/contact" component={Contact} />
</Switch>
</Router>
```
在这个例子中,我们定义了三个路由,分别对应着不同的组件。exact表示精确匹配,如果不加这个属性,那么会匹配到所有以/开头的路径。
注意,在使用Route组件时,需要指定路由的路径和对应的组件。另外,可以使用Link组件来定义路由之间的跳转。
```javascript
<Link to="/">Home</Link>
<Link to="/about">About</Link>
<Link to="/contact">Contact</Link>
```
这样就可以实现基本的路由功能了。
阅读全文