在react原生中动态创建按钮

import React, { useState } from 'react';

function DynamicButton() {
  const [buttons, setButtons] = useState([]); // 用于存储动态创建的按钮

  // 处理按钮点击事件
  const handleClick = () => {
    const newButton = <button>动态按钮</button>; // 创建一个新的按钮元素
    setButtons([...buttons, newButton]); // 将新按钮添加到按钮列表中
  };

  return (
    <div>
      <button onClick={handleClick}>添加按钮</button>
      {buttons} {/* 渲染所有动态创建的按钮 */}
    </div>
  );
}

function App() {
  return (
    <div>
      <DynamicButton />
    </div>
  );
}