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

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;