Dva 是一个基于 React 和 Redux 的轻量级框架,它能够帮助你更好的管理 React 应用的状态和副作用。以下是使用 dva 的指南:
-
安装 dva:在终端中运行命令
npm install dva --save
或者yarn add dva
安装 dva。 -
创建 dva 应用:在 src 目录下创建一个名为 index.js 的文件,然后编写以下代码:
import dva from 'dva';
// 创建应用
const app = dva();
// 注册数据模型
app.model(require('./models/example').default);
// 设置入口组件
app.router(require('./routes').default);
// 启动应用
app.start('#root');
- 创建数据模型:在 src/models 目录下创建一个名为 example.js 的文件,然后编写以下代码:
export default {
namespace: 'example',
state: {},
reducers: {},
effects: {},
subscriptions: {}
};
- 创建路由:在 src/routes 目录下创建一个名为 index.js 的文件,然后编写以下代码:
import React from 'react';
import { Router, Route } from 'dva/router