title: SweetAlert2 not showing up
body: <p>I am using react-js in my project.</p>
  
  <pre><code>const SweetAlert = require('react-sweetalert2');
  
  const Updater = React.createClass({
  &lt;div style={{ padding: "20px" }}&gt;
    &lt;a onClick={() =&gt; this.deleteThisGoal()} className="btn btn-danger"&gt; &lt;i className="fa fa-trash" aria-hidden="true" /&gt;
      Delete Goal
    &lt;/a&gt;
    {this.state.alert}
  &lt;/div&gt;
  
  deleteThisGoal: function() {
    const getAlert = (
      &lt;SweetAlert success title="Woot!"&gt;
        Hello world!
      &lt;/SweetAlert&gt;
    );
  
    this.setState({
      alert: getAlert
    });
  }
  });
  </code></pre>
  
  <p>When I inspect the element the value gets assigned to <code>this.state.alert</code> but when I click on the alert no popup shows up.</p>
  
  <p><a href="https://i.stack.imgur.com/n6ubG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n6ubG.png" alt="enter image description here"></a></p>
  
  <p>Can anyone point me in the right direction?</p>
  
  <p>I referred <a href="https://stackoverflow.com/questions/41006087/add-sweet-alert-popup-to-button-in-react-component">Add Sweet Alert popup to button in React component</a> for the example.</p>
  
  <p>Updated my answer with:</p>
  
  <pre><code>const SweetAlert = require('react-sweetalert2');
  
  const Updater = React.createClass({
  render(
  &lt;div&gt;
  &lt;div style={{ padding: '20px' }}&gt; &lt;a  onClick={this.deleteThisGoal}  className='btn btn-danger' &gt; Delete Goal &lt;/a&gt;
  &lt;/div&gt;
      {this.popup}
  &lt;/div&gt;
  );
  },
  
  deleteThisGoal: function() {
    this.setState({
      show: true
    });
  },
  
    popup: function(keyword) {
          return (
               &lt;SweetAlert 
               show={this.state.show} title="Deleted goal" text="Goal was deleted!"
               onConfirm={() =&gt; this.setState({ show: false })}&gt;
               &lt;/SweetAlert&gt;
          );
      }
  
  });
  </code></pre>
  
  <p>still no alert that I can see.</p>