react 点击一次按钮增加一个div

你可以通过在 React 组件中定义一个 state 来实现点击一次按钮增加一个 div 的功能。首先在组件的构造函数中初始化一个数组作为 state，用来存储已经添加的 div 的个数。然后在 render 方法中根据 state 中元素的个数动态生成相应数量的 div。最后在按钮的 onClick 事件处理程序中更新 state，以便在下一次渲染时添加一个新的 div。

下面是一个简单的示例代码：

import React, { Component } from 'react';

class AddDivButton extends Component {
  constructor(props) {
    super(props);
    this.state = { divCount: 0 };
  }

  handleButtonClick = () => {
    this.setState({ divCount: this.state.divCount + 1 });
  }

  render() {
    const divs = [];
    for (let i = 0; i < this.state.divCount; i++) {
      divs.push(<div key={i}>DIV {i+1}</div>);
    }
    return (
      <div>
        <button onClick={this.handleButtonClick}>Add DIV</button>
        {divs}
      </div>
    );
  }
}

export default AddDivButton;

在这个示例中，我们定义了一个 AddDivButton 组件，它包含一个按钮和若干个 div。当按钮被点击时，会调用 handleButtonClick 方法，该方法会更新 state 中的 divCount 属性。在 render 方法中，我们根据 divCount 的值动态生成相应数量的 div，并将它们加入到一个数组中，最后将这个数组渲染到页面上。