有没有可能将props.initialize()用于动态输入字段

import React, { useState } from 'react';

const MyComponent = () => {
  const [fields, setFields] = useState([]);

  const handleAddField = () => {
    setFields([...fields, '']); // 在数组末尾添加一个空字符串
  };

  const handleFieldChange = (index, value) => {
    const updatedFields = [...fields];
    updatedFields[index] = value;
    setFields(updatedFields);
  };

  return (
    <div>
      {fields.map((field, index) => (
        <input
          key={index}
          value={field}
          onChange={(e) => handleFieldChange(index, e.target.value)}
        />
      ))}
      <button onClick={handleAddField}>添加字段</button>
    </div>
  );
};

export default MyComponent;