title: Create Ref using React.createRef without using constructor in React?
body: <p>Basically, I have used <code>constructor</code> in <code>React</code> for only 3 reasons -</p>
  
  <h1>1. To initialize <code>state</code> like -</h1>
  
  <pre><code>class App extends React.Component {
      constructor(props) {
          super(props);
          this.state = { counter: 0 };
      }
  }
  </code></pre>
  
  <p>but due to Babel's <a href="https://github.com/tc39/proposal-class-fields" rel="noreferrer">class-field</a> support, I don't use it anymore</p>
  
  <pre><code>class App extends React.Component {
      state = { counter: 0 };
  }
  </code></pre>
  
  <h1>2. To <code>bind</code> functions like -</h1>
  
  <pre><code>class App extends React.Component {
      constructor(props) {
          super(props);
          this.increment.bind(this);
      }
  
      increment() {
  
      }
  }
  </code></pre>
  
  <p>but due to <code>arrow</code> functions, I don't do it anymore</p>
  
  <pre><code>class App extends React.Component {
      increment = () =&gt; {
  
      }
  }
  </code></pre>
  
  <h1>3. To use <code>createRef</code> like -</h1>
  
  <pre><code>class App extends React.Component {
      constructor(props) {
          super(props);
          this.inputRef = React.createRef();
      }
  }
  </code></pre>
  
  <p>So can I use <code>React.createRef</code> without using <code>constructor</code> in React?</p>