如何从React组件中渲染整个树？

Question

我正在构建一个更高阶的组件，我希望它可以将组成的所有子组件及其子组件一路渲染。

但是，当我调用render（）时，它仅呈现组件的子代，而不是子代的子代。

如何将其一直渲染？

这是一些代码：

export default ComposedComponent => {
  class HoC extends ComposedComponent {
    render() {
      console.log(super.render())
    }
  }

  return HoC
}

Answer 1

您永远不会手动调用渲染。 初始化时以及每次props和state更改时，都会自动调用渲染。 当在某个元素上调用render时，它的所有子元素上也会被调用。

此外，请勿使用继承。 React组件扩展了React.Component ，它们从不扩展其他组件。