Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React-将html标记放入json内容中_Html_Json_Reactjs - Fatal编程技术网

React-将html标记放入json内容中

React-将html标记放入json内容中,html,json,reactjs,Html,Json,Reactjs,我正在尝试使用redux制作多语言网站,我遵循了本教程>,并将其应用于我的项目,但我遇到了一个问题。我把我的全部内容放在json文件中。问题是,我想把一些特别的词加粗。是否可以在Json内容中添加html标记?我在谷歌找到了一些方法,但它不起作用。。。如果您有任何建议,我将非常高兴,这是我的代码: [ { "lang": "en", "page": { "menu": { "home": "Home", "b

我正在尝试使用redux制作多语言网站,我遵循了本教程>,并将其应用于我的项目,但我遇到了一个问题。我把我的全部内容放在json文件中。问题是,我想把一些特别的词加粗。是否可以在Json内容中添加html标记?我在谷歌找到了一些方法,但它不起作用。。。如果您有任何建议,我将非常高兴,这是我的代码:

[
    {
      "lang": "en",
      "page": {
        "menu": {
          "home": "Home",
          "brand": "Brand",
          "contact": "Contact"
        },
        "home": {
          "header": "Lorem Ipsum",
          "paragraphOne": "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...",
          "paragraphTwo": "Lorem <span className=\"bold-me\"> ipsum <\/span> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
        }
      }
    }
  }
]
[
{
“郎”:“恩”,
“第页”:{
“菜单”:{
“家”:“家”,
“品牌”:“品牌”,
“联系人”:“联系人”
},
“家”:{
“标题”:“Lorem Ipsum”,
“第1段”:“我不知道该怎么做。”,
“第二段”:"知识本身是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德有时,我们会毫不气馁地认为,这是一种罪过,因为这是对动物的惩罚。”
}
}
}
}
]
如果要解析字符串中的HTML,可以使用。然后可以将
bold me
类设置为更粗体的文本,或者只需使用
b
标记

示例

const content=[
{
朗:“嗯,
第页:{
菜单:{
家:“家”,
品牌:“品牌”,
联系人:“联系人”
},
主页:{
标题:“Lorem Ipsum”,
第一段:
“如果你是我的朋友,那你就是我的朋友……”,
第二段:
"知识本身是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德有时,我们会毫不气馁地认为,这是一种罪过,因为这是对动物的惩罚。”
}
}
}
];
函数App(){
返回(
);
}
ReactDOM.render(,document.getElementById(“根”);

您的JSON中有一个额外的
}
。否则,您可以在JSON中有html,但在react中显示您需要使用它