展示的代碼和應(yīng)用的源代碼沒有關(guān)系，前者本質(zhì)是字符串，怎么寫都行，而后者是要能通過編譯并運(yùn)行的。

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

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