React Js

Mouse Events in React js

February 24, 2021

 

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;