How does react change the value of input

how to use react to change the value of Input

< hr >
export default class myForm extends Component{

    constructor(props){
        super(props);
        this.state = {
            id: "",
        };
    }
    
    change=()=>{
        var idInput = this.refs.idInput;
        ***// TODO input***
    }

    render(){
        return(
            <Input
               ref="idInput"
               placeholder=""
               onChange={e => this.setState({id:e.target.value})}
            />
            <Button onClick={this.change} />
        )
    }
}
Feb.26,2021

  

findDOMNode (this.refs.idInput)

Menu