title: having multiple instance of same reusable redux react components on the same page/route
body: <p>We are creating a large front-end application.</p>
  <p>We are using React-Redux for it</p>
  <p>We are creating some reusable components.</p>
  <p><em>This question is regarding having multiple instance of same reusable redux react components on the same page/route</em></p>
  <h3>Problem details:</h3>
  <p>We have a <code>Sectionheader</code> component. Which is bound to redux state.</p>
  <p>It listens to the header property reducer <code>SectionheaderReducer</code>.</p>
  <p>As we have 2 instances of this <code>Sectionheader</code> on the page both tend to show same values as they are bound to the same store state-property.</p>
  <p>How to make the redux based reusable react component configurable? So that each instance can have different value of header property for reducer <code>SectionheaderReducer</code></p>