React - 由父级覆盖redux prop

Question

说我有一个Container连接到redux通过：

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

是否可以通过父级强制myProp的值（覆盖redux）？

我试过了：

<Container myProp={"notReduxValue"}/>

但mapStateToProps会覆盖提供的值。

注意：我无法更改容器，我的问题是它是否只能通过父级完成。

（当然这意味着糟糕的状态设计，但不幸的是它已经到了）

谢谢

Answer 1

mapStateToProps接受两个参数 。 所以我想你可以通过以下方式覆盖它：

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

如果你想覆盖myProp ，可以使用connect的mergeProps来实现（如同@OrB所述）。

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)