完整压缩版-欢迎使用(45 kB)** 版权属于yzflhez@126.comreact 数据管理组件;参考dva~ npm install yzf-react-storage --save~ import { dva, connect } from 'yzf-react-storage';index.jsx 文件class App2 extends React.Component {constructor(props, context) {super(props, context);this.state = {//};}componentDidMount() {console.log(this.props)const {index, dispatch} = this.props;setTimeout(() => {dispatch({type: 'index/loadFn',payload: '323232'})}, 3000)}render() { // 活动效果监测与分析 / 辅助活动方案决策 / 圈人、圈店、圈券、圈商品const { index } = this.props;console.log(index)return (21211212);}}const stateFn = (state) => {return state;}const App3 = connect(App2, stateFn);class App extends React.Component {constructor(props, context) {super(props, context);this.state = {//};}render() { // 活动效果监测与分析 / 辅助活动方案决策 / 圈人、圈店、圈券、圈商品const { visible } = this.state;return (21);}}import myModel from './model.jsx';const AppD = dva();model.jsxexport default {namespace: 'index',state: {// indexloadData: '21',},effects: {async loadFn({ payload, state }, { call, put }) { #### 登录// state 所以存储空间const loadAjax = () => {return new Promise((res, rej) => {setTimeout(() => {res(32)}, 1000)})}console.log(payload)const Data = await call(loadAjax, payload);console.log(payload)await put({type: 'save',payload: {loadData: payload}});},},reducers: {save(state, action) {return {...state, ...action.payload};},},};AppD.model(myModel);ReactDOM.render((), document.getElementById('react-content'));或ReactDOM.render({App}, document.getElementById('react-content'));3 keywords2 dependencies2 dependents4 versionsreact数据管理react-storagereactreact-dom@infinitebrahmanuniverse/nolb-yz@everything-registry/sub-chunk-32171.3.05 years ago1.2.05 years ago1.1.05 years ago1.0.05 years ago