React native和MobX:如何创建全局存储？

npm install mobx mobx-react --save

import { observable, action } from 'mobx';

class AppStore {
  @observable
  counter = 0;

  @action
  increment() {
    this.counter++;
  }

  @action
  decrement() {
    this.counter--;
  }
}

export default new AppStore();

import React from 'react';
import { Provider } from 'mobx-react';
import AppStore from './AppStore';
import App from './App';

const Root = () => (
  <Provider appStore={AppStore}>
    <App />
  </Provider>
);

export default Root;

import React from 'react';
import { View, Text, Button } from 'react-native';
import { inject, observer } from 'mobx-react';

@inject('appStore')
@observer
class Counter extends React.Component {
  render() {
    const { appStore } = this.props;

    return (
      <View>
        <Text>Counter: {appStore.counter}</Text>
        <Button title="Increment" onPress={() => appStore.increment()} />
        <Button title="Decrement" onPress={() => appStore.decrement()} />
      </View>
    );
  }
}

export default Counter;