在ReactJs中单击时向窗体添加新选项

import React, { useState } from 'react';

function App() {
  const [options, setOptions] = useState([]);

  // 其他代码...

  return (
    <div>
      {/* 渲染选项列表 */}
      {options.map((option, index) => (
        <div key={index}>{option}</div>
      ))}

      {/* 添加新选项的按钮 */}
      <button onClick={() => addOption()}>添加选项</button>
    </div>
  );
}

function App() {
  const [options, setOptions] = useState([]);

  // 添加新选项的函数
  const addOption = () => {
    const newOption = '新选项';
    setOptions([...options, newOption]);
  };

  // 其他代码...
}

<button onClick={() => addOption()}>添加选项</button>