title: Materialize in React not showing
body: <p>I am implementing Materialize modal in react but it does not show anything. I separated the modal into component and the button that calls the modal in the parent container.</p>
  
  <p>Here is my code:</p>
  
  <p>Parent.js:</p>
  
  <pre><code>return (
        &lt;div&gt;
          &lt;div&gt;
            &lt;HelpForm /&gt;
          &lt;/div&gt;
          &lt;div className="container"&gt;
            &lt;ul className="collection"&gt;
              {items.map(item =&gt;
                &lt;a refs="modalTrigger" className="modal-trigger"
                  key={item.id}
                  data-target="#modal1"&gt;
                  &lt;HelpFeedItem key={item.id} item={item} /&gt;
                &lt;/a&gt;
              )}
            &lt;/ul&gt;
           &lt;HelpFeedModal /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
  </code></pre>
  
  <p>Modal.js</p>
  
  <pre><code>render() {
      return (
        &lt;div id="modal1" className="modal modal-fixed-footer"&gt;
          &lt;div className="modal-content"&gt;
            &lt;h4&gt;Modal Header&lt;/h4&gt;
            &lt;p&gt;A bunch of text&lt;/p&gt;
          &lt;/div&gt;
          &lt;div className="modal-footer"&gt;
            &lt;a href="#!" className="modal-action modal-close waves-effect waves-green btn-flat "&gt;Agree&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
  </code></pre>
  
  <p>Is there something obvious that I am missing? </p>
  
  <p>Thanks!</p>