Question

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

但是，当我调用render（）时，它只呈现组件的子项，而不是它们孩子的子项。

如何将它一直向下渲染？

以下是一些代码：

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

  return HoC
}

Answer 1

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

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

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

1 个答案: