import {init,dispatch} from ‘rematch/core’;
const count = {
state:{
number:0
},
reducers:{//一个改变该model state的所有函数的对象
increments:(state,payload) => state.number + payload,
decrements:(state,payload) => state.number – payload,
},
effects:{//方法都写在这里
async asyncIncrements(payload){//异步增加
await this.increments(payload);
},
async asyncDecrements(payload){
await this.decrements(payload);
}
}
}
const store = init({
models:{count},
redux:{}
})
dispatch.count.asyncIncrements(10);//异步增加10
dispatch.count.asyncDecrements(10);//异步减少10
使用：
import React from ‘react’
import {connect} from ‘react-redux’
class App extends Component{
addCount = (value)=>{//异步增加数据
const { CountDispatch } = this.props;
CountDispatch.asyncIncrements(value);
}
cutCount = (value) =>{//异步减少数据
const {CountDispatch} = this.props;
CountDispatch.asyncIncrements(value);
}
render(){
let {CountNumbers} = this.props;
return (
获取count数据中的number变化：{CountNumbers.number}
)
}
}
const mapStateToProps =(state)=>{
CountNumbers:state.count,//获取count数据
}
const mapDispatchToProps=(dispatch)=>{
CountDispatch:dispatch.count,//获取count方法
}
export default connect(mapStateToProps,mapDispatchToProps)(App)
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/198542.html原文链接：https://javaforall.net
