ReactFC 的 Form 怎么清除表单内容

要清除 React.FC 组件中的表单内容，可以使用 React 的状态管理来实现。

首先，在 React.FC 组件中定义一个状态来保存表单的内容。可以使用 useState 钩子函数来创建一个状态变量，然后使用一个对象来保存表单的各个字段的值，例如：

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

然后，在表单的每个表单字段上绑定 onChange 事件，将用户输入的值更新到 formData 状态中。例如：

<input
  type="text"
  value={formData.name}
  onChange={(e) => setFormData({ ...formData, name: e.target.value })}
/>

最后，当需要清除表单内容时，可以通过调用 setFormData 函数，将 formData 状态重置为初始值。例如：

const clearForm = () => {
  setFormData({
    name: '',
    email: '',
    message: ''
  });
};

你可以在适当的地方调用 clearForm 函数，例如在提交表单后，或者在点击一个清除按钮时。

这样，当调用 clearForm 函数时，表单的内容就会被清除