react动态添加按钮

在React中动态添加按钮，通常可以使用state来维护组件的渲染状态。

首先，在组件的state中定义一个数组，用于存储需要渲染的按钮组件。例如：

state = {
  buttons: []
然后，在组件的生命周期方法中，或者响应用户事件的方法中，动态添加按钮组件到state中，例如：
addButton = () => {
  const newButton = <button>新按钮</button>;
  this.setState({ buttons: [...this.state.buttons, newButton] });
最后，在组件的render方法中，使用map函数遍历state中的按钮数组，渲染出所有的按钮组件：
render() {
  return (
      {this.state.buttons.map(button => button)}
    </div>
完整代码示例：
class App extends React.Component {
  state = {
    buttons: []
  addButton = () => {
    const newButton = <button>新按钮</button>;
    this.setState({ buttons: [...this.state.buttons, newButton] });
  render() {
    return (
        <button onClick={this.addButton}>添加按钮</button>
        {this.state.buttons.map(button => button)}
当用户点击“添加按钮”按钮时，会动态添加一个新的按钮组件到state中，并重新渲染组件。这样就可以实现动态添加按钮的功能。