Kann nichts in reagieren native TextInput-Komponente eingeben

Question

Ich bin neu zu reagieren native. Ich mache eine einfache Gehaltsrechner-Komponente für die Praxis. Ich habe zwei TextInput-Komponenten, aber ich kann scheinbar nichts darin eingeben. Hier ist der Code für meine Komponente:

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

} 

} 

versuchte ich onTextChange Ereignisse abonnieren, aber nichts. Das ist so einfach, ich kann da draußen nichts finden. Bitte helfen Sie! Ich verwende die App auf Android Simulator für Visual Studio.

Answer 1

Sie sollten onTextChange-Handler angeben und dann den Status von dort festlegen. Ihre <TextInput /> sollte eine Wert-Eigenschaft haben:

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