How i can converting numbers from input to int in react js

Question

import React, { Component } from 'react'
export default class Ccomponent extends Component {
    constructor(props) {
        super(props)
        this.state = {
            first: 0,
            second: 0,
            Otv: 0
        };
        this.firstChange = this.firstChange.bind(this);
        this.secondChange = this.secondChange.bind(this);
        this.Otvet = this.Otvet.bind(this);
        this.ConvertToInt = this.ConvertToInt.bind(this);
    }
firstChange(event){
    this.setState({
        first: event.target.value
    });
    this.Otvet()
}
secondChange(event){
    this.setState({
        second: event.target.value
    });
    this.Otvet()
}
Otvet(event){   
    this.setState({
        Otv: this.state.first+this.state.second
    });
    this.ConvertToInt();
}
ConvertToInt(event){
    var a = this.state.first;
    var b = this.state.second;
    let v = a+b //i can try use parceInt, error - 'parceInt' is not defined  no-undef
    console.log(v);
}
    render() {
        console.log(this)
        return(
            <div>
               <input type='number' value = {this.state.first} onChange={this.firstChange}/>
               <input type='number' value = {this.state.second} onChange={this.secondChange}/>
               <h3>Summa: {this.state.first}+{this.state.second}</h3>
               <h1>Otvet: {this.state.Otv}</h1>
            </div>
        )
}}

My input send value to object in string format, how i can convert str to int, if parceInt doesn't worked. Maybe there is a way to get the value in the form int? Or maybe react have internal function for converting string to integer?

You've got a typo. But, there are three ways to convert a string to an int: 1) parseInt(), 2) Number(), 3) +"1" — Randy Casburn
– Randy Casburn, Commented Mar 21, 2021 at 20:56

AwesomeDude3247 · Accepted Answer · 2021-03-21 21:13:45Z

1

parceInt() isn't spelled correctly. Small typo 😅. It's spelled like parseInt() Try that out.

For example,

let str = "123"
let num = parseInt(str)
console.log(num) // 123

answered Mar 21, 2021 at 21:13

AwesomeDude3247

982 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How i can converting numbers from input to int in react js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related