在將js腳本添加到html后的react.js App中，它不起作用

Question

在我的反應應用程序中，我有一個這樣的代碼

<div>{someVariable}</div>
const someVariabe = "<p id="test">Test</p>
<script>setInterval(() => alert('!!!'), 5000)</script>"

渲染我的HTML后看起來像

<div>
   <p id="test">Test</p>
   <script>setInterval(() => alert('!!!'), 5000)</script>
</div>

但腳本不起作用，為什么？ 它不需要DOM，我嘗試在添加腳本后重新加載頁面但沒有任何反應。

1. 也許系統不理解它是腳本，還有另一種方法來添加它？
2. 也許劇本會直接在頭部或身體中運行？

Answer 1

您應該將setInterval放在生命周期方法中，以防您使用類，或者在您使用掛鈎時放在效果掛鈎中：

類別：

componentDidMount () {
  setInterval(() => alert('!!!'), 5000)
}

鈎：

useEffect(() => {
  setInterval(() => alert('!!!'), 5000)
}, []) // [] to mimic didMount