預期效果：點擊<li>--> 獲取索引 --> 將此索引發送到組件Watch。當我單擊 時<li>，我抓取索引并將其移動到Watch組件。但是，當我單擊第二個時，li它會返回我第一次單擊的索引。我認為這是因為它通過componentDidMount. 之后如何引用此索引componentDidMount？去做class Todo extends Component {      render () {        return (          <div className = "itemTodos" onClick={()=> this.props.selectTodo(this.props.index)}>          </div>        )      }     }    export default Todo;應用程序class App extends Component {  constructor(){    super();    this.state {      selectedTodoIndex: index    }  }  selectTodo = (index) => {    this.setState({      selectedTodoIndex: index    })  }  render () {    return (      <div>           <ul>      {        this.state.todos          .map((todo, index) =>            <Todo              key={index}              index={index}              todo={todo}              selectTodo ={this.selectTodo}            />          )      }    </ul>          <Watch            selectedTodoIndex = {selectedTodoIndex}          />      </div>    )  } }export default App;手表class Watch extends Component {  constructor(){    super();    this.state = {      selectIndex: null    }  } componentDidMount() {    this.setState({      selectIndex:  this.props.selectedTodo    }); }  render () {    return (      <div>      </div>    )  } }