Reactjs 没有空格的文本输入？

当用户在填写文本ı输入字段时输入空白时，我需要发出警报。在这样做的时候，我不希望键盘消失。我不知道怎么做有什么想法吗？

你可以用

regex

来做这个

import React, { Component } from "react";
import {  View, TextInput } from "react-native";


class App extends Component {

  state = {
     text : ''
  }

  hasWhiteSpace(s) {
    let regSpace= new RegExp(/\s/);
    // Check for white space
    if (regSpace.test(s)) {
      //your logic
      alert("Please Check Your Fields For Spaces");
      return false;
    } else {
       this.setState({ text:s })
    }
    return true;
  }

  render() {
    return (
      <View>
         <TextInput
            style={{ height: 40, borderColor: "gray", borderWidth: 1 }}
            onChangeText={text => {
            this.hasWhiteSpace(text);
          }}
          value={this.state.text}
        />
      </View>
    );
  }
}

export default App;

import React，{Component}来自“React”；
从“react native”导入{View，TextInput}；
类应用程序扩展组件{
状态={
文本：“”
}
hasWhiteSpace（s）{
让regSpace=newregexp（/\s/）；
//检查是否有空白
if（regSpace.test）{
//你的逻辑
警告（“请检查您的字段中是否有空格”）；
返回false；
}否则{
this.setState（{text:s}）
}
返回true；
}
render（）{
返回(
{
这个.有空格（文本）；
}}
值={this.state.text}
/>
);
}
}
导出默认应用程序；

工作示例

---

表示文本之间不需要任何空格？@RutvikBhatt是的。但在我发出警报之后或之前，我希望用户输入不带空格。如果用户确实输入了“Intelligence”+“”，则我将发出警报，但当用户关闭时，警报输入必须保持为“Intelligence”，并且他/她可以继续键入，并且标记器将保持闪烁。谢谢。我也这么做了。但我想这样做。在我发出警报之后或在我希望用户输入之前，保持在那里，不留空格。如果用户确实输入了“Intelligence”+“”，则我将发出警报，但当用户关闭时，警报输入必须保持为“Intelligence”，并且他/她可以继续键入，并且标记将保持闪烁而不是警报，最好显示toast消息（通知）。像这样的。。。谢谢你的回信。我感谢你提到祝酒词。在这种情况下，它实际上比警惕要好。