How to add my own js script to react?

Question

I have scirpt for mobile multilevel menu. How can I get it work in react? I have something like this:

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

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

Then in my mobilenav component i have:

componentDidMount() {
  mobileNavigation();
}

But it doesnt work.. I mean I know why but I don't know how to solve it. How can I get my script available the whole time not only once when component mounts?

are you imported it?

egorchik
– egorchik

2018-02-02 13:42:51 +00:00
Commented Feb 2, 2018 at 13:42 — egorchik
– egorchik, Commented Feb 2, 2018 at 13:42

Chaitanya Mankala · Accepted Answer · 2018-02-02 13:46:21Z

1

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

mobileNavigation()

answered Feb 2, 2018 at 13:46

Chaitanya Mankala

1,73418 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Chaitanya Mankala Over a year ago

please Approve as right answer if it helps stackoverflow.com/help/someone-answers

Collectives™ on Stack Overflow

How to add my own js script to react?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related