What are default props in React?

Set default values for component props to ensure predictable behavior when no value is passed.

beginnerComponent communicationreact propsdefault propscomponent defaults

Published: Oct 26, 2025

Default props define fallback values for component properties.

function Welcome({ name = 'Guest' }) {
  return <h2>Welcome, {name}!</h2>;
}

Or define them separately:

Welcome.defaultProps = {
  name: 'Guest',
};

✅ Helps prevent undefined errors and ensures consistent UI behavior.

Get the latest frontend challenges, interview questions and tutorials delivered to your inbox.