title: How to refresh props with React/Redux when user enters a container
body: <p>I have CompetitionSection which repeats all the competitions from database. When user clicks on one, it redirects him to a Competition Page, loads for a second and renders the page with all the details in it. So far, so good. </p>
  
  <p>But when users goes back to the Competition Section and then click on the second competition, it instantly loads up the previous competition, 0 loading time.</p>
  
  <p>From my point of view, what is failing is that the props of the component are not updating when I render the component (from the second time). Is not a router problem, which was my first instinct because I'm seeing the route.params changing acordingly, but the actions I dispatch to change the props are not dispatching. Here's a bit of code of said component.</p>
  
  <pre><code>class CompetitionPage extends React.Component {
  
  componentWillMount() {
    let id = getIdByName(this.props.params.shortname)
    this.props.dispatch(getCompAction(id));
    this.props.dispatch(getCompMatches(id));
    this.props.dispatch(getCompParticipants(id));
    this.props.dispatch(getCompBracket(id));
  }
  
  render() {   
   let { comp, compMatches, compBracket, compParticipants } = this.props
   ...
  </code></pre>
  
  <p>I tried every lifecycle method I know. component Will/Did Mount, component Will/Did update and I even set shouldUpdate to true and didn't do the trick. As I understand, the problem will be solved with a lifecycle method to dispatch the actions everytime an user enters Competition Page and not just for the first time. I'm running out of options here, so any help will be appreciated.</p>
  
  <p>NOTE: I'm a newbie at React/Redux so I KNOW there are a couple of things there are anti-pattern/poorly done.</p>
  
  <p>UPDATE: Added <code>CompetitionsSection</code></p>
  
  <pre><code> class CompetitionsSection extends React.Component {
  
     render() {
         const {competitions} = this.props;   
         return (
             ...
             { Object.keys(competitions).map(function(comp, i) {
             return ( 
                 &lt;div key={i} className={competitions[comp].status === 
                 undefined? 'hide-it':'col-xs-12 col-md-6'}&gt;
                 ...
                 &lt;Link to={"/competitions/"+competitions[comp].shortName}&gt;
                     &lt;RaisedButton label="Ver Torneo" primary={true} /&gt;
                 &lt;/Link&gt;
                 ...
  </code></pre>