title: Use react ref as selector for jquery
body: <p>How to use React Ref together with jQuery lib <strong>without specified id</strong> to the input?</p>
  
  <pre><code>import $ from 'jquery';
  import 'jquery.mask.js';
  
  class PhoneComponent extends React.Component {
    ref = React.createRef();
  
    state = {value: ''};
  
    componentDidMount() {
      this.renderMask();
    }
  
    render() {
      return (
        &lt;input ref={this.ref} type="text"/&gt;
      )
    }
  
  
    renderMask() {
      const { value } = this.state;
      const options = {
        onKeyPress: (cep, e) =&gt; this.ref.current.value = cep
      };
      $(***???***).val(value);
      $(***???***).mask('+38(###)###-##-##', options);
    }
  
  </code></pre>
  
  <p>I would like to share experience as far as i found out it</p>