Использовать компонент внутри литерала шаблона - PullRequest
Новая
       15

Использовать компонент внутри литерала шаблона

1 голос
/ 24 апреля 2020

Внутри моей функции рендеринга у меня есть другая функция, которая используется в качестве defaultProp. Эта функция отображает массив и возвращает несколько элементов div, которые в основном представляют собой способы записи HTML для CMS.

Вот что возвращает эта функция: 

  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 для использования в этом шаблоне.

...