2016-12-30 115 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控制檯,仔細看看這個問題,答案就在那裏。