How do I use PropTypes with functional components in React?

How do I use PropTypes with functional components in React?

You can use PropTypes by importing it from the 'prop-types' package and defining the prop types for your functional component.

Can you show me an example?

Sure! Here's a simple example:

import PropTypes from 'prop-types';

const MyComponent = ({ name, age }) => {
    return <div>{name} is {age} years old.</div>;
};

MyComponent.propTypes = {
    name: PropTypes.string.isRequired,
    age: PropTypes.number
};

What happens if I don't provide the required props?

If you don't provide the required props, React will log a warning in the console during development, helping you catch potential issues.

Is there a way to set default values for props?

Yes! You can use defaultProps to set default values for your props. Here's how:

MyComponent.defaultProps = {
    age: 18
};