Question: Ive got the state: const [isPressed, setIsPressed] = useState(false)
Then I want to pass the setIsPressed when navigating to another sreen, which i wrote:
On the from Screen:
onPress{() => navigation.navigate('Map', {setIsPressed})}
On the to Screen:
onPress={() => {navigation.navigate('DM'); setIsPressed(true);}}

However, I get an error saying 'setIsPressed is not a function' when pressing on the To Screen button

How do I fix this?

Answer: 
Have you tried with `const helloBtn = document.querySelector(".hello-btn");` or `querySelectorAll`?

```js
// Use const instead var
const helloBtn = document.querySelector(".hello-btn");

helloBtn.addEventListener("click", () => {
  console.log("Btn clicked");
});

const interval = window.setInterval(() => {
  helloBtn.click();
}, 4000);

```

Then you can use `<a href="https://www.google.com" class="hello-btn" target="blank">Google</a>` with **class** selector.
As the class name can be used by multiple tags. `document.getElementsByClassName` returns an Array.

**If you want to allow click to all buttons having the same class name.**
Example: <https://jsfiddle.net/pLtjo5hn/>

```
  var helloBtn = document.getElementsByClassName('hello-btn');

  for(var i = 0; i < helloBtn.length; i++ ){
    var btn = helloBtn[i];
    btn.addEventListener('click', function handleClick(event) {
      console.log('btn clicked', event.target.innerText, event);
    });

```

If you want to allow click to only 1st element/button having the same class name.
Example: <https://jsfiddle.net/0vnos7xr/>

```
    var helloBtn = document.getElementsByClassName('hello-btn')[0];

    helloBtn.addEventListener('click', function handleClick(event) {
      console.log('btn clicked', event.target.innerText, event);
    });

```

*Note: If there is just 1 button to bind a click event, it is always better to use ID instead of Class Name.*