प्रतिक्रिया घटनाक्रम

प्रतिक्रिया:

<button onClick={shoot}>Take the Shot!</button>

एचटीएमएल:

<button onclick="shoot()">Take the Shot!</button>

उदाहरण:

shootफ़ंक्शन को Footballघटक के अंदर रखें :

function Football() {
  const shoot = () => {
    alert("Great Shot!");
  }

  return (
    <button onClick={shoot}>Take the shot!</button>
  );
}

ReactDOM.render(<Football />, document.getElementById('root'));

उदाहरण:

भेजें "लक्ष्य!" फ़ंक्शन के पैरामीटर के रूप में shoot , एरो फ़ंक्शन का उपयोग करके:

function Football() {
  const shoot = (a) => {
    alert(a);
  }

  return (
    <button onClick={() => shoot("Goal!")}>Take the shot!</button>
  );
}

ReactDOM.render(<Football />, document.getElementById('root'));

उदाहरण:

एरो फंक्शन: इवेंट ऑब्जेक्ट को मैन्युअल रूप से भेजना:

function Football() {
  const shoot = (a, b) => {
    alert(b.type);
    /*
    'b' represents the React event that triggered the function,
    in this case the 'click' event
    */
  }

  return (
    <button onClick={(event) => shoot("Goal!", event)}>Take the shot!</button>
  );
}

ReactDOM.render(<Football />, document.getElementById('root'));