html - 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>
);
感谢帮助
解决方案
如果您可以myJsonValue
在源代码处进行修改,则需要使用 Parser选项将 className 替换为您想要的值。
推荐阅读
- javascript - 在选择字段上设置选项样式 - 悬停
- ruby - 在哈希中选择某些键
- java - 尝试暂停时 ObjectAnimator 的奇怪行为
- c# - RavenDB:如何同时正确更新文档?(对同一端点的两个同时 API 请求)
- javascript - 如何在角组件中使用的chartist.js中的栏旁边附加信息数据?
- flutter - VerticalCardPager 未占用全宽
- c# - 将参数传递给 UserControl viewmodel
- python - 将数据从 pandas 数据框导入 SQL Server 时忽略错误的最佳方法是什么?
- emacs - 如何在 org (emacs) 内部的 4 个议程中使用有组织的日程安排
- git - 将文件更改分发到最后一次提交以使用 Git 修改每个文件(修复更改文件的最后一次提交)