Javascript 如何添加我自己的js脚本来做出反应？

我有手机多级菜单的scirpt。我怎样才能让它在react中工作？我有这样的想法：

export function mobileNavigation() {
  let navElements = document.querySelectorAll('.nav');
  let backButton = document.querySelector('.back-nav');

  navElements.forEach(el => {
    el.addEventListener('click', itemClicked)
  })
  //more code
}

在我的mobilenav组件中，我有：

componentDidMount() {
  mobileNavigation();
}

---

但是它不起作用。。我的意思是我知道为什么，但我不知道如何解决它。我怎样才能让我的脚本在整个过程中都可用，而不仅仅是在安装组件时使用一次？

是否导入了脚本？如果有帮助，请批准作为正确答案

import {mobileNavigation} from '../../some address'

mobileNavigation()