title: Using Redux to make a React component perform a one-time action?
body: <p>Within a React component, I want to fire off an action to a Redux reducer that conducts an API call upon a button press. </p>
  
  <p>Upon successfully executing this API call, I want my reducer to then dispatch to my component that the call has successfully executed. </p>
  
  <p>My component will receive this dispatch as a prop (e.g. <code>this.props.successfullyUpdated</code>) and will render a window alert. </p>
  
  <p>For example in my render function,</p>
  
  <pre><code>render() {
     if (this.props.successfullyUpdated) {
     return renderSuccessAlert();
     }
  }
  </code></pre>
  
  <p>The issue that I'm facing is that I want this alert to be shown only once after every API execution. So after the alert is called, I don't want it called again until Redux dispatches another <code>successfullyUpdated</code> prop. </p>
  
  <p>Right now, once <code>successfullyUpdated</code> is a part of the props, the alert continuously renders even though it was only dispatched once via Redux. How do I stop this from happening, and only render the alert on-demand?</p>