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