react-data-center

0.0.2 • Public • Published

react-data-center 模块

npm install react-data-center --save
  • react 数据中心模块解决数据统一各模块通信问题
  • 支持安全渲染

使用

  • 主入口

import {Provider,Com} from '../src/index';
import initState from './test/store';
ReactDOM.render(<Provider init={initState}>
                <Com type="stage"/>
                <Com type="edit"/>
            </Provider>, document.getElementById('container'));

  • test/store文件
import {combine} from '../../src/index';
import Edit from './edit';
import Stage from './stage';
//支持的模式
const obj = {
    edit: {
        initState: {
          name: 'zhou'
        },
        props: (Data)=>{
            var edit = Data.getModule('edit');
            return {
                setState: edit.setState.bind(edit),
                state: edit.state,
                age: Data.getModule('stage').state.age
            }
        },
        component: Edit
    }, 
    stage:(Data)=>{
        var stage = Data.createModule('stage',{
            age: '11'
        });
        stage.props = (Data)=>{
            return{state: stage.state,
            name: Data.getModule('edit').state.name,
            setState: stage.setState.bind(stage)}
        }; 
        stage.component = Stage;
    }
};
export default combine(obj)

* 详细使用请看demo

Readme

Keywords

Package Sidebar

Install

npm i react-data-center

Weekly Downloads

0

Version

0.0.2

License

none

Unpacked Size

39 kB

Total Files

11

Last publish

Collaborators

  • zhoujianlin
  • zhoujianlin8