Reactjs 如何正确连接redux以响应本机
我有react native+redux应用程序。在这个应用程序中,我有大约10个组件(音乐、电影等) 但是,我无法正确地将redux连接到react native。我有一个错误“在……的上下文或道具中找不到存储” 我的App.js文件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
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而变慢(在大多数情况下)。