title: How can I make a text input non editable with React?
body: <p>I searched for this and the closest thing I found was this SO post <a href="https://stackoverflow.com/questions/3676127/how-do-i-make-a-text-input-non-editable/3676132">here</a>; however, it does not use React.</p>
  <p>I tried this syntax below which is inside a React component:</p>
  <pre><code>  &lt;input 
      value={props.value}
      onChange={props.onChange} 
      className={props.className}
      placeholder={props.placeholder}
      name={props.name} {props.readonly &amp;&amp; 'readonly'}&gt;
  </code></pre>
  <p>but I get an eslint parsing error and when I check the UI it is still writable.</p>