dvajs配置路由导航

在 Dva.js 中，配置路由导航需要使用到 `react-router-dom` 库，以下是一个简单的示例：

1. 安装 `react-router-dom`：

npm install --save react-router-dom

2. 在 `src/index.js` 中导入 `BrowserRouter` 和 `Route`：

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Route } from 'react-router-dom';
import dva from 'dva';
import App from './App';
import models from './models';

const app = dva();
models.forEach(model => app.model(model));

ReactDOM.render(
  <BrowserRouter>
    <Route path="/" component={App} />
  </BrowserRouter>,
  document.getElementById('root')
);

app.start('#root');

3. 在 `src/App.js` 中定义路由：

import React from 'react';
import { Switch, Route, Link } from 'react-router-dom';
import HomePage from './pages/HomePage';
import AboutPage from './pages/AboutPage';

function App() {
  return (
    <div>
      <nav>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/about">About</Link>
          </li>
        </ul>
      </nav>

      <Switch>
        <Route path="/about">
          <AboutPage />
        </Route>
        <Route path="/">
          <HomePage />
        </Route>
      </Switch>
    </div>
  );
}

export default App;

4. 在 `src/pages/HomePage.js` 和 `src/pages/AboutPage.js` 中定义对应的页面：

import React from 'react';

function HomePage() {
  return (
    <div>
      <h1>Home Page</h1>
      <p>Welcome to my home page!</p>
    </div>
  );
}

export default HomePage;

import React from 'react';

function AboutPage() {
  return (
    <div>
      <h1>About Page</h1>
      <p>Welcome to my about page!</p>
    </div>
  );
}

export default AboutPage;

以上就是在 Dva.js 中配置路由导航的基本步骤。