react-router工程化配置

React Router 是 React.js 的一个第三方库，主要用于实现前端路由功能。在 React.js 项目中使用 React Router 需要进行一些工程化配置。下面是一些常见的配置步骤：

1. 安装 React Router：使用 npm 或 yarn 安装 React Router。

npm install react-router-dom --save

2. 在项目中引入 React Router：在项目的入口文件 index.js 或 App.js 中引入 React Router。

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

3. 配置路由：使用 Router、Route、Switch 等组件配置路由。

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Route path="/contact" component={Contact} />
      </Switch>
    </Router>
  );
}

4. 在组件中使用路由：在需要使用路由的组件中使用 Link、Route 等组件。

import { Link } from 'react-router-dom';

const Navigation = () => {
  return (
    <nav>
      <ul>
        <li>
          <Link to="/">Home</Link>
        </li>
        <li>
          <Link to="/about">About</Link>
        </li>
        <li>
          <Link to="/contact">Contact</Link>
        </li>
      </ul>
    </nav>
  );
}

这些是 React Router 常见的工程化配置步骤，具体的配置还需要根据项目的需求进行调整。