React - 如何使用cloneElement以保留上下文

时间:2015-09-27 05:26:13

标签: reactjs

我使用了React的未记录的上下文功能per this article。我注意到有一个警告,即只有在显式调用组件时,此上下文功能才有效:

render() {
  return <div><SomeComponent /></div>
}

但是,如果克隆项目,则不传递上下文:

render() {
  return <div>{React.cloneElement(this.props.content)}</div>
}

这是一个错误吗?或者是否有某种方法可以完成我不知道的工作?

1 个答案:

答案 0 :(得分:1)

啊哈。显然在0.14之前,您需要使用React.addons.cloneWithProps来保留上下文。在0.14及以上时,React.cloneElement应该可以胜任。

参考:https://github.com/facebook/react/issues/4008