using queryselector in react

Shirshak Kandel answered on July 28, 2022 Popularity 10/10 Helpfulness 4/10

answer using queryselector in react

using queryselector in react

Comment

//use ref instead of querySelector cause it will optimized your code due to virtual doem
const App = () => {
  const scrollToHeader = () => {
    document.querySelector("#head").scrollIntoView();
  };

  return (
    <section className="App">
      <header id="head">Hello User</header>
      <main>
        <p>Awesome content</p>
        <button onClick={scrollToHeader}>Scroll To Header</button>
      </main>
      <footer>Interesting Links</footer>
    </section>
  );
};

export default App;

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: www.upbeatcode.com

Tags: javascript queryselector using

Link to this answer
Share Copy Link

Contributed on Jul 28 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

using queryselector in react

Contents

More Related Answers

using queryselector in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.