Значение гиперссылки в файле JSON

Question

У меня есть перевод json файл, который бы содержал соответствующий текст. Я хотел бы сделать гиперссылку на одно слово из моего предложения

json файл, в котором сохранены все значения

  "noDocuments": "No documents found, please contact HR Here"

Вот как я ссылаюсь на свой файл json в одном из компоненты

return <Translation>
        {(t) => {
            if (this.state.loading) {
                return (
                    <div style={{display: 'flex', justifyContent: 'center'}}>
                        <Spin/>
                    </div>
                )
            }
            if (this.state.metaInfoDocs.length === 0) {
                return (
                    <div style={{display: 'flex', justifyContent: 'center'}}>
                        <NoDocumentsAlert>{t('noDocuments')}</NoDocumentsAlert>
                    </div>
                )
            }

Я просто хочу знать, можно ли каким-то образом написать htmt в моем json файле, чтобы я мог гиперссылку на одно слово, был бы признателен за любую помощь.

Answer 1

Я предполагаю здесь синтаксис {t()}, который вы используете response i18next

В пакете есть компонент Trans, который позволяет вам иметь что-то вроде этого:

<Trans i18nKey="noDocuments">No documents found, please contact HR Here: <a href="">Link</a></Trans>

Это будет выглядеть примерно так в вашем JSON:

"noDocuments": "No documents found, please contact HR Here: <1>Link</1>"

Answer 2

Вы можете сделать что-то вроде этого

<div dangerouslySetInnerHTML={{ __html: jsonFile.noDocuments }}></div>

Это похоже на внутренний HTML в JS. См. dangeroussetinner html для получения дополнительной информации.