如何在React.js中获取每一项的值

import React, { useState } from 'react';

function MyComponent() {
  const [items, setItems] = useState([]);

  // 其他代码...

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

export default MyComponent;

function MyComponent() {
  const [items, setItems] = useState([]);

  const handleInputChange = (index, value) => {
    const updatedItems = [...items];
    updatedItems[index] = value;
    setItems(updatedItems);
  };

  // 其他代码...

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

function MyComponent() {
  const [items, setItems] = useState([]);

  // 其他代码...

  const handleFormSubmit = () => {
    // 使用items数组中的值进行其他操作
    console.log(items);
  };

  return (
    <div>
      {items.map((item, index) => (
        <input
          key={index}
          value={item}
          onChange={(e) => handleInputChange(index, e.target.value)}
        />
      ))}
      <button onClick={handleFormSubmit}>提交</button>
    </div>
  );
}