react在html文件中怎么使用路由,怎么用react路由

怎么用react路由

一、基本路由

步骤一：安装路由npm install react-router-dom --save

步骤二：引入路由import { BrowserRouter, Route } from 'react-router-dom'

步骤三：使用import Login from './pages/login'

import Home from './pages/home'

class App extends Component {

render() {

return (

);

}

}

二、动态路由

使用prop-types获取组件的属性类型和默认属性

步骤一：安装prop-typesnpm install prop-types --save

步骤二：引入import PropTypes from 'prop-types';

步骤三：使用static contextTypes = {

router: PropTypes.object.isRequired

};

this.context.router.history.push("/home");

三、获取路由参数

步骤一：引入prop-typesimport PropTypes from 'prop-types';

步骤二：使用static contextTypes = {

router: PropTypes.object.isRequired

};

this.context.router.route.params.username

更多React相关技术文章，请访问React答疑栏目进行学习！