如何在 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>