React没有渲染任何元素
问题描述:
我使用React制作Markdown预览器。React没有渲染任何元素
http://codepen.io/shreyas23-sk/pen/ObeGEm
ReactDOM.render(
<MarkdownRenderer/>,
document.getElementById('root')
);
这里有什么问题?编辑1:好吧,抱歉,大家都知道,但它已经停止again.please再次检查相同的链接。元素正在渲染,但是他们打印的是明显的文本和元素作为输出。因此,我决定做一些研究并使用dangerouslySetInnerHTML
。这创造未知的问题,现在他们没有渲染了
答
您没有从其CDN链接到marked.js。改为链接应该是here。
此外,什么使得它实际上不渲染是第1行let marked = require('marked');
,因为在此环境中标记为不是node_module,包括脚本将为您提供全局标记可用,就像您可以使用React和React.DOM一样,要求'他们。
答
document.getElementById('root')
请注意,您写错getElementedById错了!这应该可以解决问题。
答
您应该更新您的问题以表明您没有错别字。
Codepen不支持这样的需求,您的src链接到marked
库是错误的 - 它应该是this。删除需求并修复库,它呈现得很好。
将来打开你的chrome控制台,仔细看看这个问题,答案就在那里。
答
发现问题Shreyas!
问题在于您导入marked
库的方式。
更换新一个旧的链接:https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js
删除代码的顶线 - > let marked = require('marked');
如果你去实际的codepen你会发现没有拼写错误,它不起作用! –