this.props.children（{extra：'things'}）无效

Question

我想将一些状态传递给组件的子项（例如here）

const WithExtraThings = ({ children }) => children({extra: 'things'})

上面的模式不起作用所以我这样做

const WithExtraThings = ({ children }) =>
{React.Children.map(children, child => React.cloneElement(child, { extra: 'things' })}

您能否确认第一个示例已过时？

Answer 1

您的第一个示例与单个函数中的children一样长。请参阅reactjs文档中的Functions as Children。

它根本没有过时，情况恰恰相反。这是取代HOC的本周新风味。