Skip to content

Instantly share code, notes, and snippets.

@DewofyourYouth

DewofyourYouth/too-many-props.jsx

Created November 19, 2023 11:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DewofyourYouth/367c4e65170145aa0400268f285e0351 to your computer and use it in GitHub Desktop.
Save DewofyourYouth/367c4e65170145aa0400268f285e0351 to your computer and use it in GitHub Desktop.
Download ZIP
Too Many Props
Raw
too-many-props.jsx
function UserPanel({
firstName,
lastName,
company,
department,
active,
permissions,
}) {
return (
<>
<head>
<title>
{company} User Panel || {department} Dept.
</title>
</head>
<div id="user-panel">
<h1>
Welcome {firstName} {lastName}!
</h1>
<p>
{permissions.includes("admin") && active && (
<a href="/admin">Go To Admin</a>
)}
</p>
</div>
</>
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment