Chrome調試器中的ES6（反應）不起作用

Question

您好，如您在屏幕截圖中所見。 我在最新的Chrome（66.0.3359.170）開發人員工具中打開了一段JavaScript代碼（ES6 / React）。

該代碼的一部分正確顯示為Javascript代碼，但是從第31行開始，該代碼看起來像某種純文本，無法檢查輸入和變量。

誰知道怎么修它？ 順便說一句，最新的FireFox在我的環境中可以正常工作。

謝謝

Answer 1

反引號 正在弄亂編輯器中的突出顯示。

如果代碼正確且運行正常，則編輯器可能不正確支持字符串模板。

（注意：“編輯器”是指Chrome開發者工具的可視化器部分）

該代碼包含JSX表達式，不太可能直接顯示在Chrome開發者工具中。 該代碼不應直接執行，而應由React進行詳細說明並轉化為最終的html和Javascript。...換句話說，它不屬於其中。