javascript - get/src/components/App.jsx : Unexpected token, 预期 "}"onClick 事件错误

Question

我有一个位于小型 React 表单/项目中的按钮的以下代码。

<button onClick={()=>resetName();resetSurname();resetEmail()}>Submit</button>

重置函数基于我创建的钩子(Hook)，如下所示:从“react”导入{useState}；

export default initialValue => {
  const [name, setValue] = useState(initialValue);

  const handleChange = e => {
    setValue(e.target.value);
  };

  const reset = () => {
    setValue("");
  };
  return [name, reset, handleChange];
};

我已将其导入到我的 App.js 文件中。其内容如下:从“ react ”导入 react ；

import useInputHook from "../Hooks/useFormState";
function App() {
  const [name, resetName, setName] = useInputHook("");
  const [surname, resetSurname, setSurname] = useInputHook("");
  const [email, resetEmail, setEmail] = useInputHook("");

基本上，最终目标是重置表单的字段。应该这样做还是我以错误的方式处理这个问题？感谢您的帮助。

Answer 1

如果调用多个函数，则应使用括号。

替换:

<button onClick={()=>resetName();resetSurname();resetEmail()}>Submit</button>

与:

<button
  onClick={()=>{
    resetName();
    resetSurname();
    resetEmail();
  }}
>
  Submit
</button>

Unexpected token, expected “}” error with onClick event

现在，React 需要在 resetName(); 之后使用 }。