How do I edit a todo in React

Question

my question is that when i click on edit icon and edit my todo update it. Then that edited todo display new todo in todo-list.New todo and old todo(which i had edited) both disp

Answer 1

The problem is in your setState, you are actually adding a todo rather than replacing it

Do it like

var todos = [...this.state.todos];
   var index = todos.findIndex((todo) => todo.todo_id == todo_id)
   todos[index].todo_text = newValue
   todos[index].todo_start_at = todoStartDate
   todos[index].todo_end_at=todoEndDate
   this.setState({
                todos
             });