Как исправить отсутствующий контейнер выражений jsx в виде буквальной строки? - PullRequest
Новая
       40

Как исправить отсутствующий контейнер выражений jsx в виде буквальной строки?

0 голосов
/ 19 октября 2018

У меня есть следующий код для подсказки. 

<Tooltip
     portalClassName="HelpIcon"
     title="Have a question?"
     content={<div>We're hard at work building out a more robust help tool. In the meantime, check out the current {helpContent} on the wiki.</div>}
     centered
     trigger="click"
     placement="bottom"
     tooltipType="popover"
     >
     {helpIcon}
</Tooltip>

Я получаю ошибку eslint около

"Мы усердно работаем над созданием более надежного инструмента помощиА пока, посмотрите текущий {helpContent} в вики. "

высказывание "Отсутствует контейнер выражения JSX вокруг литеральной строки (response / jsx-no-literals)"

В любом случае я могу превратить это в строку внутри этого div, чтобы избежать этой ошибки?

Ответы [ 2 ]

0 голосов
/ 19 октября 2018

Вы также можете сделать: 

<Tooltip
  portalClassName="HelpIcon"
  title="Have a question?"
  content={<div>{'We're hard at work building out a more robust...'}</div>}
  centered
  trigger="click"
  placement="bottom"
  tooltipType="popover"
 >
  {helpIcon}
</Tooltip>

Документация по правилам

0 голосов
/ 19 октября 2018 
let content = <div>We're hard at work building out a more robust help tool. In the meantime, check out the current {helpContent} on the wiki.</div>;

<Tooltip
     portalClassName="HelpIcon"
     title="Have a question?"
     content={content}
     centered
     trigger="click"
     placement="bottom"
     tooltipType="popover"
     >
     {helpIcon}
</Tooltip>
...