小编Gil*_*eno的帖子

我正在为我们正在构建的几个组件编写文档，因此文档（也是一个反应组件）如下所示：

const myDoc = () => (
  <div>
    <MyComponent title="MyTitle" />
    <code className="language-jsx">
       {`<MyComponent title="MyTitle" />`}
    </code>
  </div>
)

看到 MyComponent 上的重复项了吗？所以我创建了“代码”组件来处理这个问题：

const Code = ({ children }) => (
  <div>
    {children}
    <code>
       {children}
    </code>
  </div>
)

那么 MyDoc 现在是：

const myDoc = () => (
  <Code>
    <MyComponent title="MyTitle" />
  </Code>
)

但由于 Code 中的 Children 是一个对象，因此它不会呈现为字符串。

有办法实现这一点吗？或者也许有更好的解决方案？