如何从状态中获取数据并编辑表单中的元素？

Question

我想得到如下效果：点击按钮->调用函数切换->状态this.state.index保存点击项的索引->显示编辑表单--->获取点击元素的数据到表单-> 编辑数据-> 保存

尝试调用切换函数并index在状态中写入时，索引不会保存。将索引保存在状态后，我想使用它并可以访问todo = this.state.todos [this.props.index]. 我todo在表单属性中发送点击的数据。在表格中，他通过 引用了这个value = this.props.todo.date。我正在使用date-picker-react图书馆。有人可以指导我吗？

应用程序

class App extends Component {

  constructor() {

    super();

   this.state = {

     todos: [],

     index: null,

     editing: false

   }; 

 }

 update = (propertyName) => (event) => {

   const { todo } = this.state;

   const newTodo = {

     ...todo,

     [propertyName]: event.target.value

   };

    this.setState({ todo: newTodo });

  }

  toggle = (index) => {

    this.setState({

    editing: !this.state.editing,

    index: index

  })

 }

 createTodo = (todo) => {

    const new = this.state.todos.slice();

    new.push(todo);

    this.setState({todos: new});

 }

 render () {

    return (

          <ul>

            {

              this.state.todos

                .map(index => {

                  <Todo

                   key= {index}

                   index = {this.state.index}

                   toggle = {this.toggle} 

                   todo={this.state.todos[index]} 

                   editing = {this.state.editing}

                   update = {this.update}

                 />

               })

            }

         </ul>      

   );

 }

}

 export default App;