反应阿波罗形式

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