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

Question

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

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

PS：我在我的项目中使用 NativeBase，“输入”在反应原生中等于“文本”。

下面是没有错误的代码

<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>

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

抱歉这个问题我还是很新的反应本机。

Answer 1

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

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

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