title: What is the React.js way of handling visibility=hidden?
body: <p>React does not <a href="https://facebook.github.io/react/docs/tags-and-attributes.html#html-attributes" rel="noreferrer">support</a> the visibility attribute for elements.</p>
  
  <p>So if I want to show or hide an element on the page, but still have it take up space when hidden so the layout doesn't shift, how do I do something like this?</p>
  
  <pre><code>&lt;i className="fa fa-trash" visibility={this.state.showButton ? "visible": "hidden"} /&gt;
  </code></pre>