Блог

эй, ребята, у меня здесь проблема, у меня здесь текстовое поле number, которое увеличивается / декрементируется в зависимости от нажатой кнопки, теперь я хочу умножить это число на определенную величину и отобразить его, но проблема в том, что входные данные преобразуются в string, поэтому я не могу использовать в качестве мультипликанта, я знаю, что я знаю, как преобразовать его в int, но я не знаю, как кто-нибудь может мне помочь ..TIA

   class Firstflower extends React.Component {
    constructor(props) {
    super(props);
    this.state = { textValue:0,amount:0 };
    }

    increment= () =>{
    let a = this.state.textValue;
    const {textValue} = this.setState;  
    this.setState({textValue:a   1});
    }

    decrement= () =>{
    let a = this.state.textValue;
    const {textValue} = this.setState;  

    this.setState({textValue:a - 1});
    }
    updateText= (text) =>{
    this.setState({textValue: text});
    let a = 2597.50;
    const {amount} = this.setState;
    this.setState({amount:a * parseInt(text)});
    }
  

вот код рендеринга:

 <View style={styles.labels}>

                    <Text style={styles.movietitle}>Php: 2,597.50</Text>
                <View style={styles.row}>   
                    <Text style={styles.movietext}>Quantity:</Text>

                    <TextInput
                    keyboardType='number-pad'
                    value={this.state.textValue.toString()}
                    onChangeText={this.updateText}
                    style={styles.textInput}
                    />

                    <TouchableOpacity
                    style={styles.plusminus}
                    onPress={this.increment}>
                    <Text style={styles.plusminustext}> </Text>
                    </TouchableOpacity>

                    <TouchableOpacity
                    style={styles.plusminus}
                    onPress={this.decrement}>
                    <Text style={styles.plusminustext}>-</Text>
                    </TouchableOpacity>

                </View> 
                <View style={styles.row}>
                    <Text style={styles.movietext}>Amount:</Text>
                    <Text>{`        ${this.state.amount}`}</Text>
                </View>
                </View>