Как я могу только получать данные без статуса?

Question

Я пытаюсь создать список задач, и у меня есть проблема.Когда я создаю новую задачу и возвращаюсь, чтобы отобразить список, я вижу пустое поле и созданную задачу.Я обнаружил, что это пустое поле - это состояние, которое сервер отправляет после создания задачи.Есть способ, которым это поле не будет отображаться?

export const fetchtodos = () => async dispatch => {
  const token = localStorage.getItem('token');
  const response = await todosApi.get('/todos', {
    headers: { Authorization: token }
  });
  dispatch({ type: FETCH_TODOS, payload: response.data });
};

Вот компонент списка:

  todosList() {
return this.props.todos.map(function(currentTodo, i) {
  return <TodosList todo={currentTodo} key={i} />;
});

}

 const TodosList = props => (
  <tr>
    <td className={props.todo.completed ? "completed" : "TableText"}>
      <div className="TodoTableContent">
        <Link to={"/edit/" + props.todo._id} className="TodoLinkContent">
          {props.todo.title}
        </Link>
        <Link to={"/delete/" + props.todo._id} className="a_edit">
          <img src={Trash} alt="Usuń" className="Deletefavicon" />
        </Link>
      </div>
    </td>
  </tr>
);

Я ожидал, чтоСозданная задача будет отображаться.но статус с сервера также отображается как неопределенный неожиданный результат img

Answer 1

Визуализация компонента, только если todo не является неопределенным:

{ props.todo && (
  <Link to={"/edit/" + props.todo._id} className="TodoLinkContent">
    {props.todo.title}
  </Link>
  <Link to={"/delete/" + props.todo._id} className="a_edit">
    <img src={Trash} alt="Usuń" className="Deletefavicon" />
  </Link> )
}