Project 2: Blog Layout

React Engineer

Builds on these lessons

Props Conditional Rendering Lists Keys Events

Step 1 of 4

Project

Passing Data with Props

Give PostCard a title prop, used like <PostCard title="Understanding Closures" />. Props are how a parent hands data down to a child component — read-only from the child's side, and the reason the same component can render differently for each post.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

function PostCard({ title }) {
  return <h2>{title}</h2>;
}

export default function BlogLayout() {
  return (
    <div>
      <PostCard title="Understanding Closures" />
    </div>
  );
}

← Previous Next →