Mouse Events in React js

 

Call Multiple Functions onClick Event Handler in React js

     import React from 'react';

  // alert("this is demo content");

  function msgone(){

    console.log('this is first mesage');

  }

  function msgtwo(){

    console.log('this is second mesage');

  }

  function App() {

    return (

      <div className="App">

      <button

        onClick={()=>{

          msgone()

          msgtwo()

        }}

      >

        click me

      </button>

      </div>

    );

  }

  export default App;

alert()  onClick Event

     import React from 'react';

  // alert("this is demo content");

  // function msgone(){

  //   console.log('this is first mesage');

  // }

  // function msgtwo(){

  //   console.log('this is second mesage');

  // }

  function msg(){

    alert("this  is alert");

  }

  function App() {

    return (

      <div className="App">

      <button

        onClick={()=>{

          msg()

          // msgone()

          // msgtwo()

        }}

      >

        click me

      </button>

      </div>

    );

  }

  export default App;