jquery - How to get the value of input in Material-UI

Question

in I am using Material-UI in React.

render(){return (
    <input type="range" min="0" max="100" value="100" 
    onChange={this.handleMasterVolume} class="master-gain form-control" id="master-gain"/>);
}
handleMasterVolume(){
    $(this).val();// if jquery I can get the value here.
    console.log(value);
}

I want to get the input value in the passed function.

If jquery I can use $(this) but in Material-UI????

question from:https://stackoverflow.com/questions/65949433/how-to-get-the-value-of-input-in-material-ui

Answer 1

First of all you are not using Material UI. The input you are using is a html tag. If you want to use Material UI use TextField component with type="number"

This

$(this).val();// if jquery I can get the value here.

will not work in React. Try something like below

handleMasterVolume(e) {
    const value = e.target.value;
    console.log(value);
}