javascript - 无法读取未定义的 'map' 的属性

Question

我完成了 Redux 教程并练习自己实现一些示例(以确保我理解它们是如何工作的)。

我收到错误无法读取未定义的属性“map”

代码:

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux'
import { connect } from 'react-redux'
import { createStore } from 'redux'




const todo = (state, action) => {
    console.log('todo ran')
    switch (action.type) {
        case 'ADD_TODO':
            return {
                id: action.id,
                text: action.text
            }
        default:
            return state
    }
}

const todos = (state = [], action) => {
    console.log('todos ran')
    switch (action.type) {
        case 'ADD_TODO':
            return [
                ...state,
                todo(undefined, action)
            ];
    }
}
//Just updated this to include an empty list
let store = createStore(todos, [])


let nextTodoId = 0
const AddTodo = () => {
    let input;

    return (
        <div>
            <input ref={node => {input = node}}/>
            <button onClick = {() => {
                store.dispatch({
                    type: 'ADD_TODO',
                    id: nextTodoId++,
                    text: input.value
                });
                input.value = ''
            }}>
                Add Todo
            </button>
            <ul>
                {store.getState().map(item => 
                    <li key={item.id}> {item.text} </li>
                )}
            </ul>
            <button onClick = {() => console.log(store.getState())}>Print State</button>

        </div>
    )
};


ReactDOM.render(
    <AddTodo />,
    document.getElementById('root'));

我以为我正在传递一个空状态[]并且我会映射它。但似乎 state 未定义。

我做错了什么？

Answer 1

您错过了将初始状态传递给 createStore 调用。

尝试以下操作:

let store = createStore(todos, [])