我如何在响应本机中使textField为必需

Question

我有一个文本字段和一个提交按钮，但是当我单击“提交”按钮并且没有在“文本字段”中编写任何内容时，它仍会继续执行该过程，因此我想将我的文本字段设置为必填文本字段，但不知道如何？

Answer 1

这是带有演示https://codesandbox.io/s/lpx76zq6vm的沙盒链接。当您单击按钮时，您可以触发一个函数来检查您的输入字段是否为空

<Button
          onPress={() => {
            if (this.state.text.trim() === "") {
              this.setState(() => ({ nameError: "First name required." }));
            } else {
              this.setState(() => ({ nameError: null }));
            }
          }}
          title="Login"
  />

和您的输入字段像

<TextInput
          style={{ height: 40, borderColor: "gray", borderWidth: 1 }}
          onChangeText={text => this.setState({ text })}
          value={this.state.text}
        />
        {!!this.state.nameError && (
          <Text style={{ color: "red" }}>{this.state.nameError}</Text>
        )}