useState中的函数错误而不是函数

Question

我试图使用反应钩,但我必须遗漏一些东西.我没有为下面的任何设置功能提供功能.

使用此作为参考:https://reactjs.org/docs/hooks-state.html

function Login() {
  const [user, pass, setUser, setPass, test, setTest] = useState();

  return (
    <LoginWrapper>
      <Branding brand={brand.brandName} />
      <FormWrapper>
        <Stack>
          <TextInput
            type="text"
            label="Username"
            onChange={() => setUser(this)}
          />
        </Stack>
        <Stack>
          <TextInput
            type="password"
            label="Password"
            onChange={() => setPass(this)}
          />
        </Stack>
        <Stack padding="0" align="right">
          <Button
            onClick={() => {
              setTest("user and pass");
            }}
          >
            Login
          </Button>
        </Stack>
      </FormWrapper>
    </LoginWrapper>
  );
}

Answer 1

通过使用useState,您将获得一个数组,其中第一个元素是初始状态,第二个元素是状态的setter.

你pass实际上是你的制定者user.

要像你想要的那样使用多个值,你必须做这样的事情:

const [user, setUser] = useState(...);
const [pass, setPass] = useState(...);
const [test, setTest] = useState(...);

或者作为替代方案,您可以将其用作单个组合对象useState,但必须将其与当前状态合并.