一.在入口文件(main.js || index.js 根据您公司项目)引入 import Create from 'c-react-x'; 推荐 创建项目之后 在入口文件 window['RX'] = Create();

二.在src文件夹里面,创建reactx文件夹 全局切片index.js(必须存在) 将下面这段代码复制到index.js中 import test from './test.js'; let index = { name: 'Index', state: { name: "全局", pageSize: { page: 1, size: 10 } }, actions: { setName: (state, { payload = '' }) => { state.name = payload }, setPageSize: (state, { payload = '' }) => { state.pageSize = payload } }, modules: { test } }; export default index;

当你需要多个切片时,在index.js下方创建test.js 将下方代码复制到test.js

let sliceTest = {
  name: 'Test',
  state: {
    name: "测试",
    age: 20,
    user: {
      name: "李灿",
      age: "20"
    }
  },
  actions: {
    setTestName: (state, { payload = '' }) => { state.name = payload },
    setTestAge: (state, { payload = '' }) => { state.age = payload },
    setTestUser: (state, { payload = '' }) => { state.user = payload },
  }
};
export default sliceTest;

三.使用reactx 在你需要使用的位置,直接;

拿全局 1.获取值 RX.index('name') //拿到全局切片中的 name === '全局'; 2.修改值 RX.index('setName','新的值') //全局切片 name === '新的值'

拿其它切片 1.获取值 RX.test('name') //拿到测试切片中的 name === '测试'; 2.修改值 RX.test('setTestName','新的值') //测试切片 name === '新的值'