Реагировать Native событие

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

EDIT

Если вы хотите Event вместо текста string, вы можете использовать onChange вместо onChangeText.

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

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