在React Js中从数组列表中获取输入字段

const inputList = [
  { id: 1, value: '' },
  { id: 2, value: '' },
  { id: 3, value: '' },
];

import React, { useState } from 'react';

const MyComponent = () => {
  const [inputs, setInputs] = useState(inputList);

  // 其他组件代码...

  return (
    // JSX代码...
  );
};

export default MyComponent;

import React, { useState } from 'react';

const MyComponent = () => {
  const [inputs, setInputs] = useState(inputList);

  const handleInputChange = (id, value) => {
    const updatedInputs = inputs.map(input => {
      if (input.id === id) {
        return { ...input, value };
      }
      return input;
    });
    setInputs(updatedInputs);
  };

  return (
    <div>
      {inputs.map(input => (
        <input
          key={input.id}
          value={input.value}
          onChange={e => handleInputChange(input.id, e.target.value)}
        />
      ))}
    </div>
  );
};

export default MyComponent;