How to get values from input types using this.refs in reactjs?

Question

Not able to get values of input type using this.refs... how to get that values from input type

   export class BusinessDetailsForm extends Component {
      subm         


        

Answer 1

Avoid Using Ref

Ref allows you to directly manipulate the DOM, which is against its core concept of Virtual DOM. React discourages us using Refs because of performance issues. But in case of emergency we can use it as below.

    class MyComponent extends React.Component{
       constructor{
super(props)
this.inputRef = React.createRef()
}
}

and later in our JSX we have to pass is as property named "ref"

refer to official documentation for more detail