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错了!这应该可以解决问题。

+0

如果你去实际的codepen你会发现没有拼写错误,它不起作用! –

您应该更新您的问题以表明您没有错别字。

Codepen不支持这样的需求,您的src链接到marked库是错误的 - 它应该是this。删除需求并修复库,它呈现得很好。

将来打开你的chrome控制台,仔细看看这个问题,答案就在那里。

发现问题Shreyas!

问题在于您导入marked库的方式。


更换新一个旧的链接:https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js


删除代码的顶线 - > let marked = require('marked');