reactjs - react native 事件

Question

我有一个调用“OnChangeText”事件的 TextInput 组件:

<TextInput onChangeText={(text) => this.setState({zip:text})}/>

效果很好。

现在我想将调用事件更改为函数:

 <TextInput onChangeText={_handleTextChange}/>

_handleTextChange(event) {
       this.setState({zip: 
       event.nativeEvent.text});

  }

那是行不通的。我收到以下错误:

undefined is not an object (evaluating 'event.nativeEvent.text'

如何将“Event”对象发送到 _handleTextChange 函数？

谢谢，亚龙

Answer 1

onChangeText 将字符串传递给您的处理函数，而不是事件。

class YourComponent {
   render () {
     // ...
     return <TextInput onChangeText={this._handleTextChange.bind(this)}/>;
   }

  _handleTextChange(text) {
     this.setState({zip: text});
  }
}

编辑

如果您想要一个Event而不是文本string，您可以使用onChange而不是onChangeText。

class YourComponent {
   render () {
     // ...
     return <TextInput onChange={this._handleTextChange.bind(this)}/>;
   }

  _handleTextChange(event) {
     this.setState({zip: event.nativeEvent.text});
  }
}