Responding to events

Question 1

How can you handle events in a React component?

Answer 1

By passing a function as a prop to an element like <button>.</button>

Question 2

What is the correct way to pass an event handler to an element?

Answer 2

onClick={handleClick}, not onClick={handleClick()}.

Question 3

Where are event handler functions defined in a React component?

Answer 3

Inside a component.

Question 4

What can event handler functions access?

Answer 4

Props.

Question 5

How can you pass an event handler from a parent to a child component?

Answer 5

Declare an event handler in a parent and pass it as a prop to a child.

Question 6

Can you define your own event handler props?

Answer 6

Yes, with application-specific names.

Question 7

What happens to events in terms of propagation?

Answer 7

Events propagate upwards.

Question 8

How can you prevent event propagation?

Answer 8

Call e.stopPropagation() on the first argument.

Question 9

What should you call to prevent unwanted default browser behavior for events?

Answer 9

Call e.preventDefault().

Question 10

What is a good alternative to propagation for calling an event handler?

Answer 10

Explicitly calling an event handler prop from a child handler.