Данные дублируются, а вывод отображается два раза. Возможно распространение ошибки

Question

Здесь выходные данные дублируются 2 раза, и я знаю, что это что-то в формате возврата. Как это можно исправить?

 export const addToDo = (state, action) => {
      console.log(">>>>>>>>>>>>>>>>>>>>>>>>>>");
      const { name, email, phone } = action;
      const tempTodo = state.data;
      console.log("====================================");

      return {
        data: [...tempTodo, { name: name, email: email, phone: phone }]
      };
    };

// Это для магазина

const mapDispatchToProps = dispatch => {
  return bindActionCreators(
    {
      addToDos: (name, email, phone) =>
        dispatch(toDoActions.addToDo(name, email, phone)),

      toggleToDo: (index, name, email, phone) =>
        dispatch(toDoActions.toggleToDo(index, name, email, phone))
    },
    dispatch
  );
};

// это кнопка при нажатии

onButtonClick()
{
this.props.addToDos(name, email, phone);
}

// экспорт редуктора

export const reducer = createReducer(INITIAL_STATE, {
  [Types.ADD_TO_DO]: addToDo,
});

Answer 1

Попробуйте это:

export const addToDo = (state, action) => {
      console.log(">>>>>>>>>>>>>>>>>>>>>>>>>>");
      const { name, email, phone } = action;
      const tempTodo = state.data || [];
      console.log("====================================");
      let newData = tempTodo;
      const duplicate = tempTodo.find(todo => todo.name === name && todo.email === email && todo.phone ==== phone);
      if(!duplicate) {
        newData = [...tempTodo, { name: name, email: email, phone: phone }]
      }
      return {
        data: newData
      };
    };