我目前的数据流是这样的,
BookContainer (Passes in props needed by book form, eg drop down selection options)
|_ BookModal (Handles the form submission)
|_ CreateBookForm (Contains form tag and input fields, Dumb Component)
我面临的问题是当我的BookModal处理表单提交时,一切都顺利进行,但是我收到此错误
this.props.books.map is not a function
。书籍道具从BookContainer -> BookModal -> CreateBookForm
传入,以填充我必须选择的书籍。从BookModal
提交表单后,来自CreateBookForm
的返回响应是对请求成功还是失败的承诺。我不确定我当前的传递数据流是否正确,但是到目前为止,所有数据都正确显示。只有在提交表单后,我才会收到此错误。
我正在使用https://github.com/erikras/react-redux-universal-hot-example作为样板。
任何建议或想法表示赞赏!谢谢。
最佳答案
基本上,错误只是2个不同属性使用的状态。因此导致不同的属性类型。我要做的就是修改动作创建者,而不是混淆状态。