2016-10-08 14 views
0

reactjs & reduxの学習を開始し、リストに項目を追加する実装を試みました。これは私のrootcomponentです:どのように減速機を動作させるには?

//create store based on reducer 
const store = createStore(listItem) 
const rootEl = document.getElementById('root') 

//render root component 
const render =() => ReactDOM.render(
    <List 
     addToList={() => store.dispatch({ type: 'ADD_TO_LISTS' },'testing')} 
    />, 
    rootEl 
) 

//call 
render() 

//subscribe the store 
store.subscribe(render) 

renderメソッドは、次のようになりますリストのコンポーネントで:

render() { 
    const { addToList } = this.props 
    return (
     <p> 
     <input type="text" /> 
     <button onClick={addToList}>add</button> 
     </p> 
    ) 
    } 

減速機は、次のようになります

const listItem = (state, action) => { 
    switch (action.type) { 
    case 'ADD_TO_LIST': 
     return [...state,action.text] 

    default: 
     return state 
    } 
} 

しかし、私はアプリにそれを実行するとエラーをスローする:

Uncaught error: expected reducer to be a function 

私のコードの問題は何ですか?

答えて

1

私はそれを理解しましたが、減縮剤の最後に「デフォルトのリストアイテムを書き出してください」と忘れました

関連する問題