注意-单击编辑时，信息表单不会自动填充

import React, { useState, useEffect } from 'react';

const FormComponent = () => {
  const [formData, setFormData] = useState({
    name: '',
    email: ''
  });

  // 假设这是从后端获取的数据
  const initialData = {
    name: 'John Doe',
    email: 'john.doe@example.com'
  };

  useEffect(() => {
    // 模拟异步数据获取
    setTimeout(() => {
      setFormData(initialData);
    }, 1000);
  }, []);

  const handleEditClick = () => {
    // 这里可以添加更多的编辑逻辑
    console.log('Edit clicked');
  };

  return (
    <div>
      <form>
        <label>
          Name:
          <input
            type="text"
            value={formData.name}
            onChange={(e) => setFormData({ ...formData, name: e.target.value })}
          />
        </label>
        <br />
        <label>
          Email:
          <input
            type="email"
            value={formData.email}
            onChange={(e) => setFormData({ ...formData, email: e.target.value })}
          />
        </label>
      </form>
      <button onClick={handleEditClick}>Edit</button>
    </div>
  );
};

export default FormComponent;