How can you handle events in React? a. By using the useContext hook b. By using the event.stopPropagation() method c. By passing event handlers as props to components d. By using the useEffect hook

The correct answer is:

c. By passing event handlers as props to components

In React, you can handle events by passing event handlers as props to components. Here's a step-by-step guide on how to do it:

1. Define an event handler: An event handler is a function that gets called when a specific event happens. For example, you might have a function that gets called when a button is clicked.

function handleClick() {
  console.log('The button was clicked.');
}

2. Pass the event handler as a prop: You can pass the event handler to a component as a prop. This allows the component to use the event handler.

<Button onClick={handleClick} />

3. Use the event handler in the component: The component can use the event handler prop to handle a specific event. For example, it might call the event handler when a button is clicked.

function Button({ onClick }) {
  return <button onClick={onClick}>Click me</button>;
}

In this example, when the button is clicked, it calls the handleClick function, which logs 'The button was clicked.' to the console.

Note: While you can use the useContext and useEffect hooks in React, they are not specifically for handling events. The event.stopPropagation() method is a native JavaScript method for stopping event propagation, but it's not specific to React.