2016-12-30 118 views
-4

我使用React制作Markdown预览器。React没有渲染任何元素

http://codepen.io/shreyas23-sk/pen/ObeGEm

ReactDOM.render(
    <MarkdownRenderer/>, 
    document.getElementById('root') 
); 

这里有什么问题?编辑1:好吧,抱歉,大家都知道,但它已经停止again.please再次检查相同的链接。元素正在渲染,但是他们打印的是明显的文本和元素作为输出。因此,我决定做一些研究并使用dangerouslySetInnerHTML。这创造未知的问题,现在他们没有渲染了

回答

0

您没有从其CDN链接到marked.js。改为链接应该是here

此外,什么使得它实际上不渲染是第1行let marked = require('marked');,因为在此环境中标记为不是node_module,包括脚本将为您提供全局标记可用,就像您可以使用React和React.DOM一样,要求'他们。

0
document.getElementById('root') 

请注意,您写错getElementedById错了!这应该可以解决问题。

+0

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

0

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

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

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