How can I use default props in my React components?

How can I use default props in my React components?

You can use default props by defining them in your component. For example, you can set default values like this: MyComponent.defaultProps = { name: 'Guest' };

Can you show me an example of a component using default props?

Sure! Here's a simple example:

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

Greeting.defaultProps = {
  name: 'Guest',
};

This will display 'Hello, Guest!' if no name is provided.

What if I want to override the default prop?

You can override the default prop by passing a different value when you use the component. For example:

<Greeting name='Alice' />

This will display 'Hello, Alice!'.

Are there any limitations to using default props?

Yes, default props can only be used for primitive types and objects. They won't work for functions or class instances.