React -通过下拉菜单生成输入字段

import React, { useState } from 'react';

const DropdownInput = () => {
  const [selectedValue, setSelectedValue] = useState('');

  const handleDropdownChange = (event) => {
    setSelectedValue(event.target.value);
  };

  return (
    <div>
      <select value={selectedValue} onChange={handleDropdownChange}>
        <option value="">请选择</option>
        <option value="input">输入框</option>
        <option value="textarea">文本域</option>
        <option value="checkbox">复选框</option>
      </select>

      {selectedValue === 'input' && <input type="text" />}
      {selectedValue === 'textarea' && <textarea />}
      {selectedValue === 'checkbox' && <input type="checkbox" />}
    </div>
  );
};

export default DropdownInput;