WeCodeAcademy

Conditional Rendering

Show different things depending on state. Use if, the ternary a ? b : c, or a && b.

Examplereact
Open in editor »

a && b shows b only when a is true. Careful with numbers: {0 && "x"} prints 0.

Quick check

What does `{isAdmin && <AdminPanel />}` do?

Finish the quick check (and any code exercise) to complete this lesson, or mark it done yourself.

Tip: use the left and right arrow keys to move between lessons.