如何在 page.jsx 中使用我的 javascript 代码？

Question

所以我想使用这段代码（.js 文件）： 这只是一个静态的 JavaScript 代码

const { exportTraceState } = require("next/dist/trace");

const toggleBtn = document.querySelector('.toggle_btn')
 const toggleBtnIcon = document.querySelector('.toggle_btn')
 const dropDownMenu = document.querySelector('.dropdown_menu')
 

     toggleBtn.onclick = function(){
          dropDownMenu.classList.toggle('open')
          const isOpen = dropDownMenu.classList.contains('open')

          toggleBtnIcon.classList = isOpen
          ? 'fa-solid fa-xmark'
          : 'fa-solid fa-bars'
      }

在此代码（.jsx 文件）中： 我可以在哪里使用 JavaScript 代码或者如何实现它？ 因为