如何在 React 中获取子源代码？

Question

react 有没有可能得到 children 的 prop 源码？

例如，我有带有某种代码的组件...

<SomeComp>
    <Heading>I need this code with Heading tag</Heading>
</SomeComp>

我怎样才能让孩子们成为一个字符串？

我需要这样的东西...

const SomeComp = ({ children }) => {
    const highlightedCode = highlight(CHILDREN_TO_SOURCE_STRING_FUNCTION(children))
    return (
        <>
            <div>{highlightedCode}</div>
            <div>{children}</div>
        </>
    )
}

谢谢帮助

Answer 1

不确定您真正想要在这里实现什么，但这是您可以做的。

<SomeComp>
  {`<Heading>I need this code with Heading tag</Heading>`}
</SomeComp>