在 react-redux 项目中使用 connect 时初始化存储的位置

Question

我是反应和 redux 的新手，所以很困惑在哪里用虚拟数据初始化存储？ 我在根组件中使用提供程序。 我发现访问商店的唯一两种方法是使用它：-

Provider.childContextTypes = {
store: React.PropTypes.object
}

或使用连接 ，

const mapStateToProps = state => ({
state:state.contacts
});
const mapDispatchToProps = dispatch => ({
setDummyData: () => dispatch(setDummyData())
});
export default connect(
mapStateToProps,
mapDispatchToProps
)(ComponentName)

但是联系人未初始化.. 如何接近？

任何我可以找到连接和虚拟数据示例的链接都将非常有帮助

Answer 1

在整个商店的createStore或每个切片的缩减器中执行此操作。

https://redux.js.org/api/createstore

Answer 2

您可以在index.js文件中初始化store(例如，如果您使用了create-react-app(。 初始化应用商店后，可以将其传递给提供程序，并使用提供程序包装应用：

const = createStore(someReducers, someMiddleWareIfYouHaveIt)
<Provider store={store}>
<App />
</Provider>

ReactJS网站上也有一些入门工具包。