title: How to build uncontrolled component with react hooks?
body: <p>How can I translate this <strong>uncontrolled component</strong> to <strong>react hooks</strong> (and avoid multi render of the input field):</p>
  
  <pre><code>class MyForm extends React.Component {
    constructor(props) {
      super(props);
      this.input = React.createRef();
    }
  
    render() {
      const {onInputChanged} = this.props;
      return (
        &lt;form&gt;
          &lt;input type="text" ref={this.input} onChange={onInputChanged}/&gt;
        &lt;/form&gt;
      );
    }
  }
  </code></pre>