Добавление тега span в строку перевода json - PullRequest
Новая
       49

Добавление тега span в строку перевода json

0 голосов
/ 23 сентября 2019

У меня есть приложение реакции с опциями языка JP / EN.Я обрабатываю наши копии и тексты в таком формате. 

      <TopHeading>
        {t('landingTitle')}
      </TopHeading>
      <SubHeading>
        {t('landingCatchCopy')}
      </SubHeading>

Затем управляю строками перевода в файле json, как показано ниже 

    "landingTitle": "Portfolio made easy.",
    "landingCatchCopy": "Creators must-have, without a hassle.",

Теперь я бы хотел включить тег <span> в нужную частьтекста, чтобы я мог поставить разрыв строки, чтобы текст отвечал на экране зрителя ответственно.

Как мне этого добиться?Любая подсказка будет высоко ценится!Спасибо за ваше время заранее!

1 Ответ

0 голосов
/ 23 сентября 2019

Если вы хотите загрузить тег HTML, используйте dangerouslySetInnerHTML. 

<TopHeading>
    <div dangerouslySetInnerHTML={{ __html: t('landingTitle') }}></div>
</TopHeading>
<SubHeading>
    <div dangerouslySetInnerHTML={{ __html: t('landingCatchCopy') }}></div>
</SubHeading>

для управления строками перевода в файле json, как показано ниже 

"landingTitle": "Portfolio made easy.",
"landingCatchCopy": "<span>Creators must-have,</span><br/><span>without a hassle.</span>",

Надеюсь, это будет работать длявы!

...