如何使用React钩子显示和更新API中的用户数据

Question

我试图弄清楚为什么我的反应形式字段没有根据用户输入进行更新。它们是空白。想知道如何在props中设置来自API的数据，以便正确填充fields.email。并且任何用户输入都会更改其值，以便可以对其进行更新。这是我的示例代码：

export default function User(props) {

api_data = props.data


const [fields, handleFieldChange] = useFormFields({});


return (
    <div>
      <input
        id="emailAddress"
        label="Email"
        onChange={handleFieldChange}
        value={fields.emailAddress}
      />
    </div>
);

function useFormFields(initialState) {
  const [fields, setValues] = useState(initialState);

  return [
    fields,
    function (event) {
      setValues({
        ...fields,
        [event.target.id]: event.target.value,
      });
    },
  ];
}
}