①react-router4.x使用

本文主要是介绍①react-router4.x使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

react路由的配置：

1、找到官方文档 https://reacttraining.com/react-router/web/example/basic

2、安装 react-router-dom --save

3、找到项目的根组件引入react-router-dom

import { BrowserRouter as Router, Route, Link } from "react-router-dom";

4、在根组件里面的内容进行修改 （加载的组件要提前引入）放入以下代码

import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import './assets/css/index.css'
import Home from './components/Home';
import News from './components/News';
import Product from './components/Product';class App extends Component {render() {return (<Router><div>           <header className="title"><Link to="/">首页</Link><Link to="/news">新闻</Link><Link to="/product">商品</Link></header><Route exact path="/" component={Home} /><Route path="/news" component={News} />    <Route path="/product" component={Product} />                 </div></Router>);}
}export default App;

以上便实现了react-router的简单配置

这篇关于①react-router4.x使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---