增加按钮的文本输入

时间:2017-01-27 00:43:13

标签: react-native textinput touchableopacity

当有人按下某个按钮但我遇到以下错误时,我正在尝试增加/减少文本输入

enter image description here

constructor (props) {
    super(props)
    this.state = {qty: 1};
  }

<TextInput
                  style={styles.qtyValue}
                  value={this.state.qty}
                  keyboardType='number-pad'
                  defaultValue='1'
                  />
                <TouchableOpacity onPress={() => this.setState({qty: this.state.qty++})}>
                  <View style={styles.transparentButton}>
                    <Text>+</Text>
                  </View>
                </TouchableOpacity>

1 个答案:

答案 0 :(得分:1)

它只是警告您将数字传递给TextInput,并且它期望值为字符串。当你将它作为道具传递时,你可以通过将你的值转换为字符串来摆脱它:

value={this.state.qty.toString()}