React不呈现任何元素

Question

我使用React制作Markdown预览器。

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

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

这里有什么问题？

编辑1：好的，抱歉让所有人失望，但它已经再次停止。请再次检查相同的链接。元素是渲染，但他们打印明显的文本和元素作为输出。所以，我决定做一些研究并使用dangerouslySetInnerHTML。这造成了未知的问题，现在它们不再渲染了

Answer 1

document.getElementById('root')

请注意，拼写getElementedById错误！这应该解决问题。

Answer 2

您应该更新您的问题，以表明您没有拼写错误。

Codepen不支持这样的要求，并且您与marked库的src链接错误 - 它应该是this。删除require并修复库，它渲染得很好。

将来打开你的chrome控制台并详细查看，答案就在那里。

Answer 3

发现问题Shreyas！

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

1

将旧链接替换为新链接：https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js

2

删除代码的第一行 - ＆gt; let marked = require('marked');

Answer 4

您未从其CDN链接到marked.js。该链接应为here。

另外，实际上没有渲染的是let marked = require('marked');的第1行，因为在此环境中标记为isn＆＃t; node_module，包括脚本将为您提供全局标记可用，就像您可以使用React和React一样.DOM没有＆＃39;要求＆＃39;它们。