Conditional Rendering
Ternary OPERATOR (condition ? <A /> : <B />), DO, ALTERNATIVES, KE, BEECH, CHOOSE, KARNE, KE, LIYE, USE, HOTA, hai. Logical AND (&&) OPERATOR (condition && <A />), TAB, USE, HOTA, hai, JAB, TUM, KUCH, DIKHANA, CHAHTE, HO, SIRF, TAB, JAB, CONDITION, TRUE, HO, WARNA, KUCH, NAHI.
COMPLEX, CONDITIONS, KE, LIYE, JSX, KE, BAAHAR, if-else, STATEMENTS, YA, EARLY, RETURNS, USE, KARNA, MORE, READABLE, HOTA, hai — RETURN, STATEMENT, SE, PEHLE, VARIABLE, MEIN, JSX, ASSIGN, KIYA, JA, SAKTA, hai.
function StatusMessage({ isLoggedIn, isLoading, error }) {
if (isLoading) return <Spinner />;
if (error) return <ErrorBanner message={error} />;
return (
<div>
{isLoggedIn ? <Dashboard /> : <LoginPrompt />}
{isLoggedIn && <WelcomeBanner />}
</div>
);
}- Ternary (?:) = do alternatives ke, BEECH, CHOOSE
- && = condition true, HONE, PAR, HI, KUCH, DIKHANA
- 0 && <Component /> — COMMON bug, "0" render ho, sakta hai — count > 0 && ..., SAFER
Multiple, CONDITIONS, KE, LIYE, EK, OBJECT-LOOKUP, PATTERN, USEFUL, HAI, LAMBI, if-else, CHAINS, KE, BAJAYE — jaise, { loading: <Spinner />, error: <Error />, success: <Data /> }[status].
const views = { loading: <Spinner />, error: <ErrorMsg />, success: <Data /> };
return views[status] || null;EK, COMPONENT, null, RETURN, KAR, SAKTA, hai — REACT, KUCH, BHI, RENDER, NAHI, KAREGA. YE, USEFUL, hai, JAB, EK, COMPONENT, CONDITIONALLY, "KUCH, BHI, NA, DIKHAए" — jaise, EK, BANNER, JO, SIRF, EK, CONDITION, PAR, SHOW, HOTA, hai.
- return null; = component, kuch, bhi, render, NAHI, karega
- false/undefined/null, JSX, mein, silently, ignore, HOTE, hain