Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.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
Javascript 在React中使用jsonified html作为实际html_Javascript_Html_Json_Reactjs - Fatal编程技术网

Javascript 在React中使用jsonified html作为实际html

Javascript 在React中使用jsonified html作为实际html,javascript,html,json,reactjs,Javascript,Html,Json,Reactjs,我正在使用WikipediaAPI调用来自不同搜索的信息 我这样称呼它: const api = `${proxy}http://en.wikipedia.org/w/api.php?action=parse&format=json&section=0&prop=text&page=${this.state.value}`; 当我把它拿回来时,我对HTML很感兴趣。我通过: jsonObject.parse.text["*"] 然后我想用它来创建维基百科页面的

我正在使用WikipediaAPI调用来自不同搜索的信息

我这样称呼它:

const api = `${proxy}http://en.wikipedia.org/w/api.php?action=parse&format=json&section=0&prop=text&page=${this.state.value}`;
当我把它拿回来时,我对HTML很感兴趣。我通过:

jsonObject.parse.text["*"]
然后我想用它来创建维基百科页面的副本。以下是我尝试重新创建wikipedia页面的方式:

ReactDOM.render(jsonObject.parse.text["*"], document.getElementById('root'))
它没有按预期的那样工作。有人能解释为什么吗?生成的页面只有一个长字符串。其结果大致如下:


一种用于运送人员的四轮机动车。有关此主题的更广泛内容,请参阅。有关其他用途,请参阅和

汽车和在加拿大行驶的汽车分类汽车工业各种应用燃料源、动力装置、自推进装置、车轮3–4轴2或汽车(或汽车)是一种轮式车辆。大多数对汽车的定义都说,汽车主要在公路上行驶,能坐1到8个人,有4个人,主要运输人而不是货物

汽车在20世纪进入全球使用,并依赖于它们。1886年被认为是现代汽车的诞生之年,当时德国发明家为他的汽车申请了专利。汽车在20世纪初被广泛使用。大众最早接触到的汽车之一是1908年的美国汽车,由美国汽车制造商制造。汽车在美国迅速被采用,取代了汽车和手推车,但在西欧和世界其他地区被接受的时间要长得多]

汽车具有驾驶、停车、乘客舒适性和各种灯光控制。几十年来,车辆增加了额外的功能和控制,使其越来越复杂,但也更可靠,更易于操作] 这些包括后倒车摄像头、和。20世纪10年代使用的大多数汽车都是由发动机驱动的,由发动机驱动,这是在20世纪初发明的,在21世纪初开始商业化,在20世纪20年代初有可能比汽油车便宜

使用汽车有成本也有收益。个人的成本包括购买汽车、利息支付(如果汽车有资金)、维修和保养、燃油、驾驶时间、税收和保险。社会成本包括、、医疗保健和车辆使用寿命结束时的处置。是全球最大的伤害相关死亡原因

个人利益包括随需应变的交通、机动性、独立性和便利性。社会效益包括经济效益,如通过交通运输创造就业和财富,通过休闲和旅游机会创造社会福利,以及通过旅游创造收入。人们灵活地从一个地方移动到另一个地方的能力对社会的性质有着深远的影响。全世界大约有10亿辆汽车在使用。数字正在迅速增加,尤其是在、和其他方面。

  • 引用错误:已调用命名的引用
    stein
    ,但从未定义(请参阅)
  • 福勒,H.W。;福勒,F.G.,编辑(1976年)。袖珍牛津字典。牛津大学出版社 ..mw解析器输出cite.citation{font style:inherit}.mw解析器输出.citation q{quotes:“\”“”“”“”“”“”}.mw解析器输出.citation.cs1无锁a{background:url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/lock green.svg/9px lock green.svg.png”)无重复;背景位置:right.1em center}.mw解析器输出.citation.cs1锁有限a,.mw parser output.引文.cs1锁注册a{background:url(“//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/lock-gray-alt-2.svg/9px-lock-gray-alt-2.svg.png”)无重复;背景位置:右.1em center}.mw parser output.引文.cs1锁订阅a{background:url(“//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Lock-red-alt-2.svg/9px-Lock-red-alt-2.svg.png”)不重复;背景位置:right.1em center}.mw parser output.cs1 subscription.mw parser output.cs1注册{颜色:#555}.mw parser output.cs1订阅span.mw parser output.cs1注册span{边框底部:1px点;光标:help}.mw parser output.cs1 ws icon a{background:url(“//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource logo.svg/12px Wikisource logo.svg.png”)无重复;背景位置:right.1em center}.mw parser输出代码.cs1代码{颜色:继承;背景:继承;边框:继承;填充:继承}.mw parser输出.cs1隐藏错误{显示:无;字体大小:100%}.mw解析器输出.cs1可见错误{字体大小:100%}.mw解析器输出.cs1维护{显示:无;颜色:#33aa33;左边距:0.3em}.mw解析器输出.cs1订阅.mw解析器输出.cs1注册.mw解析器输出.cs1格式{字体大小:95%}.mw解析器输出.cs1内核左,.mw解析器输出.cs1内核左{padding left:0.2em}.mw parser output.cs1 kern right.mw parser output.cs1 kern wl right{padding right:0.2em}
  • 引用错误:调用了命名的引用
    OEDmotrcar
    ,但从未定义过(参见)。
  • .CleanTechnica.2019年8月9日。2019年8月10日检索。
  • Peden,Margie;Scurfield,Richard;Sleet,David;Mohan,Dinesh;Hyder,Adnan A;Jarawan,Eva;Mathers,Colin,eds.(2004)…2008年6月24日检索。
  • StReTys/Copy>被调用但从未定义(参见).LIID=“CITEY No.PARKE-8”> JAKLE,John A.;Skle,Keith A.(2004)。大量停车:汽车文化中的土地使用。弗吉尼亚大学出版社。& < 160;./LI> = Li ID =“CITEY-No-PosiktToRe.COM-9”。>.Plunkett Research.于2011年7月22日存档。
  • React将阻止HTML插入b
    // data from fetch
    let data;
    
    return <div dangerouslySetInnerHTML={data}></div>