添加属性以在输入文本更改期间对本机组件做出反应答案

【问题标题】：Add attribute to react native components during input text change添加属性以在输入文本更改期间对本机组件做出反应
【发布时间】：2017-08-23 05:59:16
【问题描述】：

有没有办法在文本更改期间向 React 组件添加属性？

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

PS：我的项目使用的是 NativeBase，“输入”在 react native 中等于“文本”。

下面是没有错误的代码

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

下面的代码会显示错误

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

如果无法在操作期间添加额外的属性，请大家给我建议一种方法来实现这一点吗？

抱歉这个问题我还是很陌生，无法反应原生。

【问题讨论】：

标签： react-native native-base

【解决方案1】：

您可以根据状态将错误设置为真或假，并让 validateEmail 切换该状态值：

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

and somewhere inside validateEmail you would do this.setState({ showError: true })

【讨论】：