首页 > 解决方案 > ReactJS - 如何解析 JSON 元素中的 JSX 变量

问题描述

我从JSON文件中得到一些值:

<div className={style.header}>Header</div>

html-react-parser用来解析html。但这种方式并没有改变我的style.myHeader

这是我的代码的一个简单示例:

import style from ./theme/style.css;
import Parser from 'html-react-parser';

let html = myJsonValue;

render(
    <div> {Parser(html)} </div>
);

感谢帮助

标签: htmlreactjs

解决方案


如果您可以myJsonValue在源代码处进行修改,则需要使用 Parser选项将 className 替换为您想要的值。


推荐阅读