未通过redux connect（）传递上下文

Question

类似的问题没有解决我的问题:https://stackoverflow.com/a/36633892/2300773
在基于connect（）的场景中使用 通过上下文传递存储区不起作用

由于react-router不将当前param作为上下文提供，所以我选择将当前param作为路由组件中的上下文添加。我可以一直访问组件树下的上下文，直到到达使用connect（）设置的子组件为止。页面的初始呈现为子页提供了正确的上下文。但是，当上下文更改时，子级不会得到更新。connect（）似乎删除了上下文链接。

这是connect（）所需的行为吗？如果是这样，组件应该如何访问路由参数而不将它们同步到存储区？

下面是一个JSFiddle，展示了一个非常小的场景，其中上下文没有经过“connected”组件更新。

下面是我的一段实际代码，我将当前路由参数作为上下文从路由器组件(/view/:viewslug)发送。我尝试在connect中将组件设置为{pure:false}，如redux疑难解答中所述，但没有成功。

class App extends Component {
  getChildContext() {
    const { viewSlug } = this.props

    return { viewSlug }
  }

  ...
}

App.PropTypes = {
  ...
}

App.childContextTypes = {
  viewSlug: PropTypes.string
}

...

export default connect(mapStateToProps)(App)

import Day from '../components/Day'

const mapStateToProps = (state, ownProps) => {
  ...
}

export default connect(mapStateToProps)(Day)

class Day extends Component {
  ...
}

Day.PropTypes = {
  ...
}

Day.contextTypes = {
  viewSlug: PropTypes.string.isRequired
}

export default Day

Answer 1

经过与Dan Abramov的快速讨论，似乎没有一种好的方法将params传递到各种深层组件。（此处讨论）。一旦React Router3.0发布，这将是非常琐碎的实现正确。

目前，我找到的唯一解决方案是将子组件以及子组件和路由组件之间的任何祖先组件设置为“非纯”组件。

这可以在使用connect（）函数时通过options参数来完成。

export default connect(mapStateToProps, null, null, { pure: false })(MyComponent)