From 1857b77442eb57447f7b04ab04861ad69de3e737 Mon Sep 17 00:00:00 2001 From: yashthakur16 Date: Mon, 15 Dec 2025 17:55:37 +0530 Subject: [PATCH] docs: clarify explanation of logical && in JSX --- src/content/learn/conditional-rendering.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/conditional-rendering.md b/src/content/learn/conditional-rendering.md index 95be5d2e018..59042981eb4 100644 --- a/src/content/learn/conditional-rendering.md +++ b/src/content/learn/conditional-rendering.md @@ -310,7 +310,7 @@ export default function PackingList() { -A [JavaScript && expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_AND) returns the value of its right side (in our case, the checkmark) if the left side (our condition) is `true`. But if the condition is `false`, the whole expression becomes `false`. React considers `false` as a "hole" in the JSX tree, just like `null` or `undefined`, and doesn't render anything in its place. +A [JavaScript && expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_AND) returns the value of its right-hand side (in this case, the checkmark) when the left-hand side (the condition) is true. If the condition is false, the entire expression evaluates to false. React ignores false, null, and undefined when rendering JSX, so nothing is rendered in their place.