ReactJS API获取渲染组件的所有子组件

Question

我正在寻找一种使所有孩子脱离React组件的方法。

例：

class MyComponent extends React.Component {
  render() {
    <div>
      <h1>Welcome!</h1>
      <ChildComponent />
    </div>
  }
}

const renderedComponent = <MyComponent />

React.Children(renderedComponent.props.children).forEach(() => {
  // Some logic
});

问题：renderedComponent.props.children为空。 有什么办法可以使孩子们像这样吗？

我的目标是递归所有孩子。

Answer 1

看看ReatDOMServer似乎您想通过renderToString将组件呈现为字符串，然后使用类似jQuery.parseHTML的方法解析结果。