Как объединить response-i18next с тегом ярлыка пользовательского интерфейса Semanti c?

Question

Я использую пользовательский интерфейс Semanti c с комбинацией [act-i18next] [2] и мне нужно сделать строку метки переводимой , но эта метка содержит тег HTML для пример span. Однако он принимает только строку, которая является жестко закодированной или переменной.

Answer 1

Это невозможно

Реквизиты для FormControlLabel заявляют, что метка метки The text to be used in an enclosing label element.

Проверьте это здесь

Вы будете для этого элемента необходимо создать пользовательский элемент управления меткой или расширить FormControlLabel (настоятельно рекомендуем не расширять)

Пользовательская метка

Поставьте флажок, так как дети добавят, что он должен работать, но вам нужно расширить элементы управления.

const CustomLabel = (props) => (
  <div dangerouslySetInnerHTML={{__html: t('login.accept')}} />
)

// implementation

<CustomLable />
<Checkbox />

Обходной путь

Что вы можете сделать, это убрать теги со строк, чтобы получить простой текст.

cleanText = strInputCode.replace(/<\/?[^>]+(>|$)/g, "");