提供的React Redux无效道具

Question

My current flow of data is like this,

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)

The problem I'm facing is when my BookModal handles the form submission, everything goes through nicely however I get this error this.props.books.map is not a function . The books prop is passed in from the BookContainer -> BookModal -> CreateBookForm to populate the books I have to choose from. The return response from BookModal after the form submission from CreateBookForm is a Promise of whether the request is successful or failed.

I am not sure if my current flow of passing data is correct, but so far all the data displays correctly. It is only after when I submit the form I'll get this error. I am using https://github.com/erikras/react-redux-universal-hot-example as my boilerplate. Any suggestions, or ideas is appreciated! Thanks.

Answer 1

Basically, the mistake is just a state used by 2 different properties. Hence causing the different property types. All I had to do was modify my action creator and not mix up the states.