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>
                )
            }

我只是想知道是否有可能在我的json文件中写入htmt，这样我就可以超链接一个单词，将感激任何帮助。

Answer 1

你可以做这样的事情

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

这与JS中的innerHTML类似。请看 危言耸听 以获取更多信息。

Answer 2

我在这里采取了一个假设，即 {t()} 句法 响应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>"