陣營本地事件

Question

我有一個TextInput組件調用一個「OnChangeText」事件：

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

這工作正常。

現在我想調用事件改變一個函數：

<TextInput onChangeText={_handleTextChange}/> 

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

    } 

這是行不通的。我得到以下錯誤：

不確定是不是（評估「event.nativeEvent.text」

如何發送「事件」對象_handleTextChange功能

感謝的對象， 亞龍

Answer 1

onChangeText傳遞一個string到您的處理功能而非Event。

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}); 
    } 
}