What are default props in React?

What are default props in React?

Default props in React are values that are assigned to props when no value is provided by the parent component.

How do I set default props for a functional component?

You can set default props by using the defaultProps property on the component or by using ES6 default parameters.

Can you give me an example of using default props?

Sure! Here's an example:

function Greeting({ name = 'Guest' }) {
  return <h1>Hello, {name}!</h1>;
}

In this case, if no name prop is provided, it defaults to 'Guest'.

What happens if I don't set default props?

If you don't set default props, the prop will be undefined if not provided, which may lead to unexpected behavior in your component.