How do I set default values in React?

How do I set default values in React?

You can set default values in React using the defaultProps property or by initializing state in the constructor.

Can you show me an example of using defaultProps?

Sure! Here's a simple example:

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

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

What about using hooks for default values?

You can use the useState hook to set default values like this:

const [value, setValue] = useState('Default Value');

Are there any best practices for setting default values?

Yes, it's best to keep default values simple and ensure they make sense in the context of your component.