InputText为空提交时如何提示信息？

Question

我使用 react native 和 TextInput。

如果用户提交了空值的 inputText，我想给他们一条消息 'please write a comment'。所以我用 required 函数从 useForm 制作了一个 register 模块。

它似乎阻止了正确创建空值，但未显示警告消息。

      <WritingText
        {...register("comments", { required: "댓글을 적어주세요." })}
        placeholder="댓글을 입력하세요"
        onChangeText={(text) => setValue("comments", text)}
        onSubmitEditing={handleSubmit(onValid)}
      ></WritingText>

Answer 1

你可以使用 formik 来完成，如果你不想使用它，你可以尝试 onBlur 回调，你可以在其中检查你的文本长度，然后显示一个警报。

     <WritingText
        {...register("comments", { required: "댓글을 적어주세요." })}
        placeholder="댓글을 입력하세요"
        onChangeText={(text) => setValue("comments", text)}
        onSubmitEditing={handleSubmit(onValid)}
        onBlur={handleBlur}
      ></WritingText>

InputText为空提交时如何提示信息？

How to give alert message when InputText is empty and submitted?

textinput

react-native

react-hooks