How to use Events in ReactJS ?

devquora
devquora

Posted On: May 29, 2024

 

Using Events is React js is very similar to handling event on DOM elements.The difference is only in syntax like.

  1. The name of event is React js is always in camelCase.
  2. With JSX you pass a function as the event handler, rather than a string.

Lets understand by an example:

// In HTML
<button onclick="activateAccount()">
  Activate Account
</button>
//In React
<button onClick={activateAccount}>
  Activate Account
</button>

Another difference is that in React js you cannot return false to prevent default behavior in React. You must call preventDefault explicitly. Read more from https://facebook.github.io/react/docs/handling-events.html

    Related Questions

    Please Login or Register to leave a response.

    Related Questions

    React Js Interview Questions

    What is ReactJS ?

    ReactJS, created by Facebook, is a JavaScript library for crafting dynamic, stateful, and reusable user interface components. It's renowned for simplifying the presentation layer of web and mobile app..

    React Js Interview Questions

    List some advantages of ReactJS ?

    React.js offers efficiency with its virtual DOM, simplifies JavaScript with JSX, provides developer tools, enhances SEO, and facilitates UI test cases effortlessly...

    React Js Interview Questions

    What are Components in ReactJS ?

    React components divide UI into reusable pieces, akin to JavaScript functions. They accept props and return elements for screen rendering. Below is an ES6 class-based component showcasing a welcome me..