如何在textInput React Native中停止输入空格？

Question

如何在React Native中的密码输入字段中停止输入空格？

password 可能是任何角色,包括空间.

我试过这个:validator.js

const extract = (str, pattern) => (str.match(pattern) || []).pop() || '';

export function removeWhiteSpace(str) {
  return extract(str, '/^\S*$/;');
}

login.js

passwordHandle(value){
  this.setState({
      password:removeWhiteSpace(value)
  })
  console.log(removeWhiteSpace(value))
}

渲染()

<View style={{paddingBottom:25}}>
  <TextField 
    label='Password'
    type='password' 
    value={password}
    error={errors.password}
    icon
    onChange={this.passwordHandle}/>
  <Image 
    source={require('../../../assets/img/lock.png')}
    style={styles.icon} />
</View>

但它不起作用.它只执行'/ ^\S*$ /;' 来自removeWhiteSpace.

Answer 1

这个简单的正则表达式应该使用.replace函数:

passwordHandle(value){
   this.setState({
       password: value.replace(/\s/g, '')
   })
}