React · Junior · Question 63 of 75

What does `<Button {...props} />` do?

✓Correct answer: Passes every property of props as separate props to Button
2Passes a single prop named props
3Copies Button's props into props

Explanation

Spreading is convenient for wrappers, but forwards everything, including props the child doesn't expect. Prefer explicit props where possible.

Further reading

react.dev: Passing Props to a Component ↗

Test yourself

Take the React · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.