What are PropTypes in functional components?

What are PropTypes in functional components?

PropTypes are a way to validate the props passed to a component in React. They help ensure that the right type of data is being passed.

How do I use PropTypes in a functional component?

You can use PropTypes by importing it from the 'prop-types' package and defining the prop types for your component like this:

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 the prop types don't match?

If the prop types don't match, React will log a warning in the console during development, helping you catch potential bugs.

Can I use PropTypes with TypeScript?

While you can use PropTypes with TypeScript, it's generally recommended to use TypeScript's own type system for prop validation.