reactjs - 在模板文字中使用组件

Question

在我的渲染函数内部，我有另一个用作 defaultProp 的函数。此函数映射一个数组并返回多个 div，这些 div 基本上是为 CMS 编写 HTML 的方法。

这是该函数返回的内容：

  const renderElements = elementsArray
    .map(
      item => `<div class="explanation"><h1>${item.title}</h1>
      <h2>${item.code}</h2>
      </div>
      <CopyToClipboard text=${item.code}>
          <button>Copy</button>
      </CopyToClipboard>
      <div class="example">
      ${item.example}
      </div>
      `,
    )
    .join('');
  return `${renderElements}`;
};

但是，我有CopyToClipboard导入的包。我尝试用 包围组件${}，但无法CopyToClipboard在此模板中使用 。

标签： reactjstemplate-literals