javascript - React - override redux prop by parent - Stack Overflow

admin管理员组

文章数量:1293531

Saying i have a Container connected to redux via:

const mapStateToProps = ({ MyReducer }) => ({
    myProp: MyReducer.myProp
});

Is it possible to force the value of myProp by the parent (override redux)?

I've tried:

<Container myProp={"notReduxValue"}/>

But mapStateToProps overrides the provided value.

NOTE: I can't change the container, my question is if it can be done via the parent only.

(Of course this implies a bad state design but unfortunately it has e to that)

Thanks

Saying i have a Container connected to redux via:

const mapStateToProps = ({ MyReducer }) => ({
    myProp: MyReducer.myProp
});

Is it possible to force the value of myProp by the parent (override redux)?

I've tried:

<Container myProp={"notReduxValue"}/>

But mapStateToProps overrides the provided value.

NOTE: I can't change the container, my question is if it can be done via the parent only.

(Of course this implies a bad state design but unfortunately it has e to that)

Thanks

• javascript
• reactjs
• redux

Share Follow asked Oct 2, 2017 at 10:25 DanielDaniel 6,49177 gold badges3838 silver badges6363 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

mapStateToProps accepts two arguments. So I guess you could override it by:

const mapStateToProps = ({ MyReducer }, { myProp }) => ({
  myProp: myProp || MyReducer.myProp,
})

In case you want to override myProp in an upper level, you can use connect's mergeProps to do so (as @OrB also described).

const mapStateToProps = ({ MyReducer }, { myProp }) => ({
  myProp: MyReducer.myProp,
})

const mapDispatchToProps = () => ({ ... })

const mergeProps = (stateProps, dispatchProps, ownProps) => ({
  ... // make your changes here
})

const ConnectedContainer = connect(
  mapStateToProps,
  mapDispatchToProps,
  mergeProps
)(Container)

本文标签： javascriptReactoverride redux prop by parentStack Overflow