Practice question from Components & JSX

What gets rendered when this component is called with no props? A. Hello, ! B. Hello, undefined! C. Hello, Stranger! D. Error: name is required E. Hello, null!

function Greeting({ name }) {
  return <h1>Hello, {name || 'Stranger'}!</h1>;
}

<Greeting />

Answer

C

Explanation

When name is not passed as a prop, it's undefined. The logical OR operator (||) returns the first truthy value, so name || 'Stranger' evaluates to 'Stranger', rendering "Hello, Stranger!".

More questions from React