如何将Mobx用于本地存储，将存储传递给组件

npm install mobx mobx-react

yarn add mobx mobx-react

import { observable } from 'mobx';

class StorageStore {
  @observable data = '';
}

const storageStore = new StorageStore();
export default storageStore;

import React from 'react';
import { Provider } from 'mobx-react';
import storageStore from './storageStore';
import YourComponent from './YourComponent';

const App = () => {
  return (
    <Provider storageStore={storageStore}>
      <YourComponent />
    </Provider>
  );
};

export default App;

import React from 'react';
import { inject, observer } from 'mobx-react';

@inject('storageStore')
@observer
class YourComponent extends React.Component {
  render() {
    const { storageStore } = this.props;
    // 使用存储对象中的数据
    return <div>{storageStore.data}</div>;
  }
}

export default YourComponent;