連接App.js和React的HTML
P粉716228245
P粉716228245 2023-09-10 00:26:11
0
1
436

如何將我的index.html連接到App.js(React)?

<div class="content">
  <form action="v2/v2.html" class="form">
    <label for="user">Nama</label>
    <input type="text" name="user" id="user" />
    <button type="button" id="load-app">Load App</button>
  </form>
</div>
<script src="v3-website/src/App.js"></script>

所以當我點擊按鈕時,我希望它直接進入App.js 有人可以告訴我如何做到這一點嗎?

我使用anchor標籤,但不起作用

P粉716228245
P粉716228245

全部回覆(1)
P粉396248578

是的,您可以使用Javascript CustomEvent 在React虛擬DOM和Javascript真實DOM之間進行通訊。

請參考以下程式碼片段。

const MyEvent = {
  on(event: string, callback: (e: any) => void) {
    document.addEventListener(event, (e: any) => {
      const data = (e as {
        detail: any
      }).detail
      callback(data)
    })
  },
  dispatch(event: string, data ? : any) {
    document.dispatchEvent(new CustomEvent(event, {
      detail: data
    }))
  },
  remove(event: string, callback ? : (e: any) => void) {
    if (callback) {
      document.removeEventListener(event, callback)
    }
  },
}

export default MyEvent
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板