Question

我是新来的反应者和redux者，所以很困惑在哪里用伪数据初始化存储？我在根组件中使用provider。访问我发现的商店的唯一两种方法是使用以下方法：-

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

或使用connect

const mapStateToProps = state => ({
 state:state.contacts
});

const mapDispatchToProps = dispatch => ({
 setDummyData: () => dispatch(setDummyData())
});

export default connect(
 mapStateToProps,
 mapDispatchToProps
)(ComponentName)

但联系人未初始化.. 如何处理？

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

Answer 1

在整个商店的createStore或每个切片的reducer中进行。

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

Answer 2

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

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

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

在react-redux项目中使用connect时在哪里初始化存储

2 个答案: