リアクションエラー：未定義のプロパティ 'map'を読み取ることができません

Question

私のデータは私の反応アプリケーションに読み込まれないようです。ここ ステップによってコード工程である：私はルートリデューサに次いで

export default function books(){ 
    return ([ 
     {title:'A',pages:100}, 
     {title:'B',pages:200}, 
     {title:'C',pages:300}, 
     {title:'D',pages:400} 
    ]); 
} 

：状態の データは./booksにある

import books from './books'; 
import {combineReducers} from 'redux'; 

const rootReducer = combineReducers({ 
    books:books 
}); 


export default rootReducer; 

ルート減速が正常ルート要素に追加されます：

import rootReducer from './reducers/books'; 
import {createStore} from 'redux'; 
import {Provider} from 'react-redux'; 

const Store= createStore(rootReducer); 

ReactDOM.render(
    <Provider store={Store}> 
    <App /> 
    </Provider>, document.getElementById('root') 
); 

、その後、ブックリストのコンポーネントに私はそれを使用しようとしています：

残念ながら、それはエラーで文句を言う：

Uncaught TypeError: Cannot read property 'map' of undefined 

this.props.booksが定義されていないようですが、それはいけません。 問題は何ですか？

Answer 1

問題は、間違ったcombineReducers関数を使用していることです。それは減速機を受け入れる。あなたの本の機能は減速機のようには見えません。あなたはredux-actパッケージのcreateReducer機能を使用してレデューサー機能を作成することができます。また、減速機がここにどのように見えるべきかを読む：http://redux.js.org/docs/basics/Reducers.html。

ショート手：

const bookReducer = createReducer(
    { 
    }, 
    books 
); 
const rootReducer = combineReducers({ 
    books: bookReducer 
}) 

Answer 2

私はstate.books でstateからbooksを取り除くmapStateToProps

function mapStateToProps(state){ 
    return { books:state}; 
} 

を変更したときに解決される問題が、それはこのようなものです、なぜまだ私は、知りません。

ご存知ですか？