How do I use PropTypes in my React application?

How do I use PropTypes in my React application?

You can use PropTypes by importing it from the 'prop-types' library and defining the expected types for your component's props.

Can you show me an example of how to define PropTypes?

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
};

This defines 'name' as a required string and 'age' as an optional number.

What happens if I pass the wrong type of prop?

If you pass the wrong type of prop, React will log a warning in the console during development, helping you catch errors.

Is there a way to validate custom prop types?

Yes, you can create custom prop type validators by defining a function that checks the prop value and returns an error if it doesn't meet your criteria.