为什么我无法与MOBX在React Native中获得商店的状态

Question

现在我在下面代码，该代码试图在MOBX商店中设置状态。但是，我不知道为什么这种状态是"不确定的"。

幸运的是，我永远不会在此问题上遇到任何错误。

这是一个组件。

import React from 'react';
import {StyleSheet,View} from 'react-native';
import { Provider, observer } from 'mobx-react';
import RestaurantStore from '../Stores/RestaurantStore';
import GeneralScreenComponent 
        from'../Components/GeneralScreenComponent';
@observer
class Restaurant extends React.Component {
  render() {
   console.log(RestaurantStore.headerTitle);
  return (
   <View style={styles.container}>
     <Provider store={RestaurantStore}>
       <GeneralScreenComponent
         headerTitle={RestaurantStore.headerTitle} />
     </Provider>
   </View>
  );
 }
}

这是商店。

import { observable } from 'mobx';
class RestaurantStore {
 @observable headerTitle = '飲食';
}

export default RestaurantStore;

Answer 1

看起来您没有实例化RestaurantStore存储。通过修改export行以下更新RestaurantStore模块：

import { observable } from 'mobx';
class RestaurantStore {
 @observable headerTitle = '飲食';
}
// Ensures that the RestaurantStore is instantiated whenever it's used in your application
export default new RestaurantStore();

Answer 2

我解决了这个问题。

我刚刚更改

export default RestaurantStore;

to

export default new RestaurantStore();