反应阿波罗形式

Question

我的代码有问题

function NewUser() {
  let input;
  const [newuser, { data }] = useMutation(NEW_USER);

  return (
    <div>
      <form
        onSubmit={e => {
          e.preventDefault();
          newuser({ variables: { username: input.value, email: input.value, password: input.value } });
          input.value = "";
        }}
      >
        <input
          className="mb2"
          type="text"
          placeholder="Nom"
          ref={node => {
            input = node;
          }}
        />
        <input
          className="mb2"
          type="email"
          placeholder="Mail"
          ref={node => {
            input = node;
          }}
        />
        <input
          className="mb2"
          type="password"
          placeholder="Mot de passe"
          ref={node => {
            input = node;
          }}
        />
        <button type="submit">S'inscrire</button>
      </form>
    </div>
  );
}

当我输入电子邮件时，它不适合我收到的所有内容。 我的印象是，一旦我指出要点，他就会停止阅读我的文章。 如果您有个主意？

variables: {username: "serveur", email: "serveur", password: "serveur"}

Answer 1

输入数据时，我有这个response