Skip to content

Instantly share code, notes, and snippets.

@neekey

neekey/multiple-line-jsx-with-parentheses.tsx

Created April 30, 2021 14:12
Show Gist options
  • Save neekey/e0e2f46e166e7994359ed9277aad8353 to your computer and use it in GitHub Desktop.
Save neekey/e0e2f46e166e7994359ed9277aad8353 to your computer and use it in GitHub Desktop.
Download ZIP
[artile-codegist]Why You Should Wrap Your JSX With Parentheses
Raw
multiple-line-jsx-with-parentheses.tsx
const homePageLink = currentPage !== 'home' ? (
<a
className="home-page-link"
target="_blank"
href="#home">
Home
</a>
) : null;
Raw
multiple-line-jsx-without-parentheses.tsx
const homePageLink = currentPage !== 'home' ? <a
className="home-page-link"
target="_blank"
href="#home">
Home
</a> : null;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment