在“Connect(App)”上下文中找不到“store”

Question

当我尝试获取数据和componentDidMount时出现此错误。 我该如何解决这个问题，它是在我的应用程序中获取数据的最佳位置吗？

不变违规：在“Connect(App)”上下文中找不到“store”。 要么将根组件包装在 a 中，要么在连接选项中将自定义 React 上下文提供者传递给 Connect(App) 并将相应的 React 上下文使用者传递给 Connect(App)。

import React, { Component } from "react";
import {
  Platform,
  StatusBar,
  StyleSheet,
  View,
  ImageBackground
} from "react-native";
import ApolloClient from "apollo-boost";
import { ApolloProvider } from "react-apollo";
import { Provider } from "react-redux";
import { PersistGate } from "redux-persist/integration/react";
import { connect } from "react-redux";
import store from "./config/configureStore";
import { fetchData, loadState } from "./actions/videos";
import AppNavigator from "./navigation/AppNavigator";
import NavigationService from "./navigation/actions";

const Root = () => (
  <Provider store={store}>
    <PersistGate loading={null} persistor={persistor}>
      <AppNavigator
        ref={navigatorRef => {
          NavigationService.setTopLevelNavigator(navigatorRef);
        }}
      />
    </PersistGate>
  </Provider>
);

class App extends React.Component {
  componentDidMount() {
    const { fetchData } = this.props;
    fetchData();
  }

  render() {
    return (
      <ImageBackground
        source={require("./assets/images/TC_background.jpg")}
        style={styles.container}
      >
        <Root />
      </ImageBackground>
    );
  }
}

const mapDispatchToProps = dispatch => ({
  fetchData: () => dispatch(fetchData())
});
const mapStateToProps = state => {};
export default connect(
  mapStateToProps,
  mapDispatchToProps
)(App);

var styles = StyleSheet.create({
  container: {
    flex: 1,
    fontFamily: "lato-regular",
    backgroundColor: "transparent"
  },
  backgroundImage: {
    flex: 1,
    resizeMode: "cover"
  }
});

Answer 1

你有减速机和存储，是吗？

如果你有这样的尝试

另外，您可以像这样编写调度方法

export default connect(mapStateToProps, mapDispatchToProps)(App)

你也可以这样写你的调度方法

const mapDispatchToProps = {
 fetchData,
}