首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >React-Native + Mobx + React导航:错误: MobX注入器:存储'...‘不可用!确保它是由某个提供商提供的

React-Native + Mobx + React导航:错误: MobX注入器:存储'...‘不可用!确保它是由某个提供商提供的
EN

Stack Overflow用户
提问于 2018-09-26 09:57:15
回答 1查看 1.4K关注 0票数 1

我不能从我的代码解决这个问题..当我切换到胶片细节视图时,我得到了这个错误: Error: MobX injector: Store '...‘不可用!确保它是由某个提供商提供的

这是我的app.js APP.JS

代码语言:javascript
运行
AI代码解释
复制
import React from 'react';
import {StyleSheet, View, Text} from "react-native";

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

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

    render() {
        return (
            <View>
                <Text>{FilmStore.test}</Text>
                <Navigation filmStore={FilmStore} />
            </View>
        );
    }
}

这里是来自React导航Navigation.JS的导航

代码语言:javascript
运行
AI代码解释
复制
import { createStackNavigator } from 'react-navigation';

// Views
import Search from '../Components/Search'
import FilmDetail from "../Components/FilmDetail";

const SearchStackNavigator = createStackNavigator({
    Search: {
        screen: Search,
        navigationOptions: {
            title: 'Rechercher'
        }
    },
    FilmDetail: {
        screen: FilmDetail,
        navigationOptions: {
            title: 'Détail'
        }
    },
});

export default SearchStackNavigator;

这里是胶片细节视图FilmDetail.JS

代码语言:javascript
运行
AI代码解释
复制
import React from 'react'
import Moment from 'moment';
import { observer, inject } from 'mobx-react';

import {StyleSheet, View, Text, ActivityIndicator, ScrollView, Image, Button} from 'react-native'
import {getDetail, getImageURI} from "../API/TMDBApi";

@inject('filmStore')

@observer
class FilmDetail extends React.Component {

    constructor(props){
        super(props);
        console.log(props);
    }

    render() {
        return (
            <View>
            </View>
        )
    }
}

export default FilmDetail

寻求帮助:)谢谢!

EN

回答 1

Stack Overflow用户

发布于 2018-09-26 12:10:54

我在app.js中替换了

代码语言:javascript
运行
AI代码解释
复制
..
import { observer } from 'mobx-react';
..

render() {
    return (
        <View>
            <Text>{FilmStore.test}</Text>
            <Navigation filmStore={FilmStore} />
        </View>
    );
}

通过

代码语言:javascript
运行
AI代码解释
复制
..
import { observer, Provider } from 'mobx-react';
..

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

现在它完美地工作了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52514976

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档