无法在本机 TextInput 组件中输入任何内容

Question

我是 react-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 模拟器上的应用 Visual Studio。

Answer 1

您应该指定 onTextChange 处理程序，然后从那里设置状态。您的 <TextInput /> 应该有一个值属性:

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

Answer 2

我在 Android 和 IOS 中都遇到了同样的问题。我设置宽高如下（注意宽高都要设置），问题解决：

<TextInput style={{ height: 20, width: 100 }} />

无法在本机 TextInput 组件中输入任何内容

Cannot type anything in react native TextInput component

react-native

react-native-android