如何在ReactJS中编辑/更新CRUD应用程序中的值

import React, { useState } from 'react';

const EditForm = () => {
  const [data, setData] = useState({
    name: '',
    email: '',
    age: ''
  });

  const handleChange = (e) => {
    setData({
      ...data,
      [e.target.name]: e.target.value
    });
  };

  const handleSubmit = (e) => {
    e.preventDefault();
    // 在这里可以将数据提交到后端进行更新操作
    console.log(data);
  };

  return (
    <form onSubmit={handleSubmit}>
      <label>
        Name:
        <input type="text" name="name" value={data.name} onChange={handleChange} />
      </label>
      <label>
        Email:
        <input type="email" name="email" value={data.email} onChange={handleChange} />
      </label>
      <label>
        Age:
        <input type="number" name="age" value={data.age} onChange={handleChange} />
      </label>
      <button type="submit">Save</button>
    </form>
  );
};

export default EditForm;