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
私のコードの問題は何ですか?