弹出窗口中的反应表单不会清除输入值

Question

我为此使用framework7 在这里创建了一个沙盒：https://codesandbox.io/s/f7-popup-bugs-forked-owfhp

来自一个父文件和一个子组件（Popup）。我正在创建一个简单的提交表单。 提交后表单状态被清除，但Popup内部数据仍然存在。

Answer 1

我解决了这个问题，这里是代码框：https://codesandbox.io/s/f7-popup-bugs-forked-uu22k?file=/src/App.js

我刚刚编辑了这些：

const [form, setFormValues] = useState({ name: "", email: "" });

const closePopup = () => {
  setOpened(false);
  setFormValues({ name: "", email: "" });
};