What are PropTypes in React and how do I use them?

What are PropTypes in React and how do I use them?

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

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

Sure! You can define PropTypes by importing PropTypes from 'prop-types' and then specifying them 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 wrong type is passed?

If the wrong type is passed, React will log a warning in the console during development, helping you catch potential bugs.

Are PropTypes mandatory in React?

No, PropTypes are not mandatory, but they are highly recommended for better code quality and debugging.