已解決430363個問題，去搜搜看，總會有你想問的

React如何在頁面展示代碼？

關注

首頁猿問 React如何在頁面展示代碼？

JavaScript

慕工程0101907 2019-02-26 14:31:58

就像ant design官網一樣除了用編輯器上傳保存在后臺，然后在前端拿數據渲染有沒有直接寫成靜態頁面的

查看完整描述

2 回答

慕少森

TA貢獻2019條經驗獲得超9個贊

展示的代碼和應用的源代碼沒有關系，前者本質是字符串，怎么寫都行，而后者是要能通過編譯并運行的。

如果你說的是展示一段和源碼本身沒關系的代碼，只要獲取這段代碼（字符串）就可以了，然后根據指定的樣式渲染在頁面上。在React里展示需要一些庫來實現更好的展示效果，比如高亮等。

如果是展示應用本身的源碼，瀏覽器中的JS無法操作文件，一因此需要后端讀取代碼文件，轉換成字符串發送給前端。接下來的處理和上面一樣。

反對回復 2019-03-06

關注

舉報

0/150

提交

取消