React-Redux предупреждение об уникальном ключе при смене магазина - PullRequest
0 голосов
/ 20 апреля 2020

Я работаю над приложением todo, и все отлично работает при первой загрузке. Однако, когда я добавляю новый todo и обновления магазина, я получаю предупреждение об уникальном ключе, когда ключ определен в компонентах массива :

render() {
    const todoList = this.props.todos.map(todo => {
        return <Todo todo={todo} key={todo._id}/>
    })
    return (
        <div className={styles.todoContainer}>
            {todoList}
        </div>
    );
}

Todo Component:

return (
    <div className={styles.todo}>
        <h2 className={styles.todoText}>{props.todo.name}</h2>
    </div>
);

Добавление todo:

//actions.js
export function addTodo(todo){
    let config = {
        headers: { 
            token: localStorage.getItem('token')
        }
    };
    return function(dispatch){
        return axios.post('http://localhost:8082/api/todos/create', todo, config)
            .then(msg => {
                dispatch({type: ADD_TODO, payload: todo})
            })
            .catch(err => console.log(err));
    }
}

//reducer.js
case ADD_TODO:
    const data = [...state.data];
    data.push(action.payload);
    return {
        ...state,
        data: data
    };

Это проблема, о которой я должен беспокоиться, или это ошибка? Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...