defaultProps should be used for any props that are required for the component, such as an input value. Also, props that will cause errors if they are missing a value, or cause the display to appear unsatisfactorily should be given a default value so that the page can still run smoothly.

What are React props used for?

“Props” is a special keyword in React, which stands for properties and is being used for passing data from one component to another. Furthermore, props data is read-only, which means that data coming from the parent should not be changed by child components.

How do I set a default prop?

To set a default value for the color prop, use the defaultProps property of CustomButton to set the default value of color to blue . Notice that whenever you don’t pass the color prop to CustomButton , it will fall back to the blue default prop value.