React-Redux - Using multiple container decorators
<p>I have 3 containers:</p>

<ol>
<li>UserTask</li>
<li>UserMsg</li>
<li>UserNotify</li>
</ol>

<p>Each have their own page in the app, but on the main page there is a drop down displaying all container data. Here is how I decorated the dropdown component:</p>

<pre><code>@UserTaskContainer
@UserMessageContainer
@UserNotifyContainer
class ActivitiesDropdown extends React.Component {    
  ....    
  componentWillMount() {
    const allProps = this.props;
  }    
    ....
}

exports.ActivitiesDropdown = ActivitiesDropdown;
</code></pre>

<p>When debugging, all load data successfully and I see each's data being added to state, but in the ComponentWillMount, only the data from Notification state is present.</p>

<p>It appears, if I switch the decorators around, which ever is the last decorator is the one that shows up in props.</p>

<p>Question:</p>

<p>If I have a component that has multiple containers, how can I use the decorators to get all the states' props, or is there another way to acheive this?</p>

<p>Thanks in Advance.</p>