What are PropTypes in React?

What are PropTypes in React?

PropTypes is a type-checking feature in React that helps ensure the correct data types are passed to components.

How do I use PropTypes in my React component?

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

Can you show me an example of using 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.isRequired,
};

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.