Reactjs 如何正确连接redux以响应本机

Reactjs 如何正确连接redux以响应本机,reactjs,react-native,redux,react-redux,Reactjs,React Native,Redux,React Redux,我有react native+redux应用程序。在这个应用程序中,我有大约10个组件(音乐、电影等) 但是,我无法正确地将redux连接到react native。我有一个错误“在……的上下文或道具中找不到存储” 我的App.js文件 import App from './src/index'; export default App; 还有我的index.js文件 import React, { Component } from 'react' import { View } from 'r

我有react native+redux应用程序。在这个应用程序中,我有大约10个组件(音乐、电影等) 但是,我无法正确地将redux连接到react native。我有一个错误“在……的上下文或道具中找不到存储”

我的App.js文件

import App from './src/index';
export default App;
还有我的index.js文件

import React, { Component } from 'react'
import { View } from 'react-native'
import { AppNavigator } from './nav/nav'
import { createStore, applyMiddleware } from 'redux';
import { Provider, connect } from 'react-redux';
import axios from 'axios';
import axiosMiddleware from 'redux-axios-middleware';
import reducer from './store/reducer';
import { listPosts } from './store/reducer';

const client = axios.create({
    baseURL: 'https://xxxxxx.xxx',
    responseType: 'json'
});
const store = createStore(reducer, applyMiddleware(axiosMiddleware(client)));

class App extends Component {
    render() {
        return (
            <Provider store={store}>
                <View style={{ flex: 1 }}>
                    <AppNavigator />
                </View>
            </Provider>
        )
    }
}

const mapStateToProps = state => {
    let storedPosts = state.posts.map(repo => ({ key: repo.id, ...repo }));
    return {
        posts: storedPosts
    };
};

const mapDispatchToProps = {
    listPosts
};

export default connect(mapStateToProps, mapDispatchToProps)(App);
import React,{Component}来自“React”
从“react native”导入{View}
从“./nav/nav”导入{AppNavigator}
从“redux”导入{createStore,applyMiddleware};
从'react redux'导入{Provider,connect};
从“axios”导入axios;
从“redux axios中间件”导入axios中间件;
从“./store/reducer”导入减速机;
从“./store/reducer”导入{listPosts};
const client=axios.create({
baseURL:'https://xxxxxx.xxx',
responseType:'json'
});
const store=createStore(reducer、applyMiddleware(axios中间件(客户端));
类应用程序扩展组件{
render(){
返回(
)
}
}
常量mapStateToProps=状态=>{
让storedPosts=state.posts.map(repo=>({key:repo.id,…repo}));
返回{
帖子:storedPosts
};
};
const mapDispatchToProps={
标杆
};
导出默认连接(mapStateToProps、mapDispatchToProps)(应用程序);

我们无法连接
应用程序
组件,因为它呈现
提供者
。在
提供程序
中呈现的任何组件都可以访问
连接
存储
。在这种情况下,可以连接您的
AppNavigator
。好的,我连接了AppNavigator,但在props redux数据中看不到的组件中。您需要
连接
每个需要存储在
redux
中的数据的组件。使用
mapStateToProps
过滤所需数据并将其作为道具发送到组件。真的吗?每个组件?但我的申请会很慢。您可能需要查看一些基本示例来了解它是如何连接的()。应用程序不会因为redux而变慢(在大多数情况下)。