与 React Native 一起使用

TanStack Form 是无头的，它应该能够开箱即用地支持 React Native，而无需任何额外的配置。

这里有一个例子

tsx

<form.Field
  name="age"
  validators={{
    onChange: (val) =>
      val < 13 ? 'You must be 13 to make an account' : undefined,
  }}
>
  {(field) => (
    <>
      <Text>Age:</Text>
      <TextInput value={field.state.value} onChangeText={field.handleChange} />
      {!field.state.meta.isValid && (
        <Text>{field.state.meta.errors.join(', ')}</Text>
      )}
    </>
  )}
</form.Field>

<form.Field
  name="age"
  validators={{
    onChange: (val) =>
      val < 13 ? 'You must be 13 to make an account' : undefined,
  }}
>
  {(field) => (
    <>
      <Text>Age:</Text>
      <TextInput value={field.state.value} onChangeText={field.handleChange} />
      {!field.state.meta.isValid && (
        <Text>{field.state.meta.errors.join(', ')}</Text>
      )}
    </>
  )}
</form.Field>

在 GitHub 上编辑

表单组合

SSR/TanStack Start/Next.js

我们的合作伙伴

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。