React native 添加属性以在输入文本更改期间反应本机组件

React native 添加属性以在输入文本更改期间反应本机组件,react-native,native-base,React Native,Native Base,在文本更改期间,是否有方法向React组件添加属性 我有一个注册页面,我想通过向组件添加“error”属性来突出显示文本框 PS:我的项目使用NativeBase,“输入”等于react native中的“文本” 下面是没有错误的代码 <Item> <Input placeholder='Email' onChangeText={(val) => this.validateEmail(val)}/> <Icon name='close-circle'

在文本更改期间,是否有方法向React组件添加属性

我有一个注册页面,我想通过向组件添加“error”属性来突出显示文本框

PS:我的项目使用NativeBase,“输入”等于react native中的“文本”

下面是没有错误的代码

<Item>
  <Input placeholder='Email' onChangeText={(val) => this.validateEmail(val)}/>
  <Icon name='close-circle' />
</Item>

this.validateEmail(val)}/>
下面是将显示错误的代码

  <Item error>
    <Input placeholder='Email' onChangeText={(val) => this.validateEmail(val)}/>
    <Icon name='close-circle' />
  </Item>

this.validateEmail(val)}/>

如果在行动中添加额外属性是不可能的,你们能给我建议一个实现这一点的方法吗


很抱歉,我对react native仍然很陌生。

您可以根据状态将error设置为true或false,并让validateEmail切换该状态值:

this.state = {
  showError: false
}
...
<Item error={this.state.showError}>

and somewhere inside validateEmail you would do this.setState({ showError: true })
this.state={
罗:错
}
...
在validateEmail中的某个地方,您可以这样做