Skip to content

Mention in the recap that the AND operator will still render cond #7229

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 2 commits into from
Closed

Mention in the recap that the AND operator will still render cond #7229

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
31df7e8
Mention that the AND operator will render 'cond'
BartoszKlonowski Oct 16, 2024
570dbf8
Put the bullet point meaning in new line for better readability
BartoszKlonowski Oct 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions src/content/learn/conditional-rendering.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -444,8 +444,10 @@ If you're not familiar with JavaScript, this variety of styles might seem overwh
* In React, you control branching logic with JavaScript.
* You can return a JSX expression conditionally with an `if` statement.
* You can conditionally save some JSX to a variable and then include it inside other JSX by using the curly braces.
* In JSX, `{cond ? <A /> : <B />}` means *"if `cond`, render `<A />`, otherwise `<B />`"*.
* In JSX, `{cond && <A />}` means *"if `cond`, render `<A />`, otherwise nothing"*.
* In JSX, `{cond ? <A /> : <B />}` means:
<br/>*"if `cond`, render `<A />`, otherwise `<B />`"*.
* In JSX, `{cond && <A />}` means:
<br/>*"if `cond`, render `<A />`, otherwise `cond` or nothing if `cond` is either `null`, `undefined` or an empty string"*.
* The shortcuts are common, but you don't have to use them if you prefer plain `if`.

</Recap>
Expand Down
Loading