如何在reactJS中控制当前图像的日志索引

state = {
  currentIndex: 0
};

render() {
  return (
    <div>
      <p>当前图像的日志索引：{this.state.currentIndex}</p>
      {/* 其他组件内容 */}
    </div>
  );
}

// 增加索引
incrementIndex = () => {
  this.setState(prevState => ({
    currentIndex: prevState.currentIndex + 1
  }));
};

// 减少索引
decrementIndex = () => {
  this.setState(prevState => ({
    currentIndex: prevState.currentIndex - 1
  }));
};

<button onClick={this.incrementIndex}>下一个图像</button>
<button onClick={this.decrementIndex}>上一个图像</button>