获取JSON中的HTML以在React Component中呈现为HTML

时间:2016-06-13 18:47:50

标签: javascript json reactjs

试图找出如何获得实际呈现为链接的链接。现在,当我从我的Json文件中读取这行文本后,react将超链接呈现为文本文本,它不会将其呈现为链接。

someData.json

char c = 'a';
char *pChar = new char[26];

for (int i = 0; i < 26; i++, pChar++, c++) {
    *pChar = c;
    cout << *pChar << flush;
}

delete[] pChar;

someComponent.js

[{
    "about":   "John has a blog you can read <a href=\"http://www.john.com/blog/\" target=\"_blank\">here</a>."
}]

2 个答案:

答案 0 :(得分:2)

您可以使用dangerouslySetInnerHTML

<div dangerouslySetInnerHTML={ { __html: company.people.person.about } }></div>

Example

答案 1 :(得分:0)

另一个选择,我认为使用便宜的是NPM React插件

https://www.npmjs.com/package/react-html-parser

我已经用过并且感觉很好。