Question

我想创建不同的TextInputs（例如2个Textinputs a＆amp; b，1个Button，然后预定义的计算，例如a + b，一个输出feld）然后使用它们计算某些内容，然后在按下下面的按钮后输出它。如何以最快的方式做到这一点？

非常感谢。

Answer 1

您可以使用类似

的内容

constructor(props) {
  super(props);

  this.state = {
    firstValue: '',
    secondValue: '',
    sum: 0
  };
}

calculateSum = () => {
  const { firstValue, secondValue } = this.state;

  this.setState({
    sum: Number(firstValue) + Number(secondValue)
  });
}

render() {
  return (
    <View>
      <TextInput
        value={this.state.firstValue}
        onChangeText={(firstValue) => this.setState({firstValue})}
      />

      <TextInput
        value={this.state.secondValue}
        onChangeText={(secondValue) => this.setState({secondValue})}
      />

      <TouchableHighlight onPress={this.calculateSum}>
        <Text>Calculate</Text>
      </TouchableHighlight>

      <Text>{`Sum ${this.state.sum}`}</Text>
    </View>
  );
}

然后，您需要检查输入值是否实际可转换为数字和可添加。您可以根据需要将keyboardType用于TextInput。例如。 keyboardType="numeric"不会支持负数。

使用TextInputs对本机基本计算进行反应

1 个答案: