尝试在React-Native中使用MOBX

Question

我已经阅读了很多关于在React中使用mobx的教程。 我试图在React Native中使用商店逻辑来实现它，但结果并不理想，而且我无法从商店中检索全局状态。

这是我的app.js

import React from 'react';
import {StyleSheet, View} from "react-native";

// import Search from './Components/Search';
import Navigation from './Navigation/Navigation';
import FilmStore from './Stores/FilmStore';


import { observer } from 'mobx-react';

@observer
export default class App extends React.Component {
    constructor(props){
        super(props);

        // Empty 
        console.log(props.FilmStore);
       // empty
        console.log(FilmStore.test);
    }

  render() {
    return (
        <View style={styles.mainContainer}>
         <Navigation />
        </View>
    );
  }
}

const styles = StyleSheet.create({
    mainContainer: { flex: 1 },
});

这是我的mobx商店

import { observable, computed, configure } from 'mobx';

// Strict mode
configure({
    enforceActions: 'always'
});

// Déclaration de notre store
class FilmStore {
    @observable test = 'aa';

    @computed setTest($text){
        this.test = $text;
    }
}

export default FilmStore;

如您所见props.FilmStore为空。 我如何在本机上使用mobx可能是错误的？ 正在寻求帮助...

谢谢 ！

Answer 1

您没有实例化您的商店，我怀疑您在将商品作为道具传递时也没有实例化。 您可以在商店中进行一次更改，并使用单例模式返回它的单个实例，然后进行更改

export default FilmStore;

至

export default new FilmStore();