ReactJS -从redux和load form获取数据的适当方式

// LoadFormComponent.js
import React, { useState, useEffect } from 'react';

const LoadFormComponent = () => {
  const [formData, setFormData] = useState({});
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    fetch('/api/form-data')
      .then(response => response.json())
      .then(data => {
        setFormData(data);
        setIsLoading(false);
      });
  }, []);

  if (isLoading) {
    return <div>Loading...</div>;
  }

  return (
    <form>
      <input type="text" value={formData.name || ''} readOnly />
      <input type="number" value={formData.age || ''} readOnly />
      {!isLoading && <button type="submit">Submit</button>}
    </form>
  );
};

export default LoadFormComponent;