children prop
function
The children prop passes JSX between component tags. Used to build wrapper/layout components.
Syntax
function Layout({ children }) { return <div>{children}</div>; }
Example
javascript
function Card({ title, children }) {
return (
<div className="card">
<h2 className="card-title">{title}</h2>
<div className="card-body">{children}</div>
</div>
);
}
// Usage
<Card title="My Card">
<p>This is the card content.</p>
<button>Click me</button>
</Card>