在反應組件中執行js代碼

Question

我有一段代碼，服務器發送來響應組件，這段代碼被設置爲組件屬性。該代碼包含一個div標籤和一個腳本標籤。我需要在React組件中執行並運行這段代碼。危險設置innerHTML不適用於我 - js代碼在這種情況下不運行。是否有任何變種使這項工作？

在此先感謝。

Answer 1

您仍然可以使用eval()。

但是您需要了解它的安全含義。尤其是您需要確保您使用的安全連接到您的服務器，並且不要向用戶發佈惡意代碼。

Answer 2

React不建議使用innerHTML。但是，如果你非常需要，你可以使用

function createMarkup() { return {__html: 'First · Second'}; }; 
<div dangerouslySetInnerHTML={createMarkup()} /> 

更多信息https://facebook.github.io/react/tips/dangerously-set-inner-html.html