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

Question

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

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

PS：我在我的项目中使用 NativeBase，"Input" 在 React Native 中等于 "Text"。

下面是没有错误的代码

<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 还是很陌生。

Answer 1

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

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

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

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

Add attribute to react native components during input text change

react-native

native-base