Не могу напечатать что-либо в реале native TextInput component

Question

Я новичок в реакции-native. Я делаю простой инструмент калькулятора зарплаты для практики. У меня есть два компонента TextInput, но я не могу ничего напечатать в них. Вот код для моего компонента:

class SueldoCalc extends Component { 
    constructor(props) 
    { 
    super(props); 
    } 

calcSalario() 
{ 
    console.log("Calculating"); 
} 

render() 
{ 
return (
    <View> 
     <Text>Entre las horas trabajadas:</Text> 
     <TextInput /> 
     <Text>Entre el rate por hora:</Text> 
     <TextInput /> 
     <TouchableHighlight onPress={this.calcSalario}> 
     <Text>Calcular salario...</Text> 
     </TouchableHighlight> 
    </View> 
); 

} 

} 

Я пробовал подписаться на события onTextChange, но ничего. Это так просто, я ничего не могу найти. Пожалуйста помоги! Я запускаю приложение на Android Simulator для Visual Studio.

Answer 1

Вы должны указать обработчик onTextChange, а затем установить из него состояние. Ваш <TextInput /> должен иметь значение:

<TextInput 
    value={this.state.horas} 
    onChange={this._onChangeHandler} 
/>