What are default props and how do you set default values today?

React JSX, components and props · Freshers and experienced

Model answer

Default values for props are normally set with default parameters in the destructuring: function Button({ size = 'md' }). The old defaultProps property on function components is deprecated in newer React, so avoid it for new code.

Defaults keep a component usable when the parent does not pass every prop.

Learn this topic

React Components and Props Explained with Examples in the course React.js Full Course: Beginner to Advanced.

Sign in to add your own answer.

More questions

• What is JSX?
• What are the rules of JSX?
• What is a component? What is the difference between a function and a class component?
• What are props, and can a component change its own props?
• What is the children prop?
• How do you render a list in React, and why do you need a key?