javascript - 数据重复并且输出显示两次。可能存在传播错误

Question

这里的输出重复了两次，我知道它是返回格式中的内容。如何解决这个问题？

 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);
}

// reducer 导出

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
      };
    };