DvaJS 怎么用的
时间: 2023-07-05 16:09:21 浏览: 45
DvaJS 是一个基于 React 和 Redux 的轻量级框架,用于帮助构建应用程序。使用 DvaJS 可以更快速、更简单地编写应用程序的状态管理部分,以下是 DvaJS 的基本使用流程:
1. 安装 dva-cli
```bash
npm install dva-cli -g
```
2. 创建新应用程序
```bash
dva new myapp
```
3. 进入应用程序目录并安装依赖项
```bash
cd myapp
npm install
```
4. 在 src/models 目录下创建模型文件,例如:
```javascript
export default {
namespace: 'count',
state: {
value: 0,
},
reducers: {
add(state) {
return { value: state.value + 1 };
},
minus(state) {
return { value: state.value - 1 };
},
},
};
```
5. 在 src/index.js 文件中导入模型并创建应用程序
```javascript
import dva from 'dva';
import count from './models/count';
import App from './App';
const app = dva();
app.model(count);
app.router(() => <App />);
app.start('#root');
```
6. 在组件中使用模型中的数据和方法
```javascript
import React from 'react';
import { connect } from 'dva';
function Counter(props) {
return (
<div>
<h1>{props.value}</h1>
<button onClick={props.add}>+</button>
<button onClick={props.minus}>-</button>
</div>
);
}
export default connect(
({ count }) => count,
dispatch => ({
add: () => dispatch({ type: 'count/add' }),
minus: () => dispatch({ type: 'count/minus' }),
})
)(Counter);
```
以上是 DvaJS 的基本使用方法,更多详细信息请参考官方文档。