通过访问this.state在状态中设置索引

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    // 初始化状态
    this.state = {
      index: 0
    };
  }

  // 更新状态的方法
  setIndex = (newIndex) => {
    this.setState({ index: newIndex });
  }

  render() {
    return (
      <div>
        <p>当前索引: {this.state.index}</p>
        <button onClick={() => this.setIndex(this.state.index + 1)}>增加索引</button>
      </div>
    );
  }
}

export default MyComponent;

// 错误的做法
this.state.index = 1; // 不会触发重新渲染

// 正确的做法
this.setState({ index: 1 }); // 会触发重新渲染

this.setState({ index: newIndex }, () => {
  console.log('状态已更新:', this.state.index);
});