Условный рендеринг — это техника, позволяющая отображать разные элементы или компоненты в зависимости от условий. В React это можно реализовать несколькими способами: 1. **Условный оператор (if/else)** ```jsx function Greeting({ isLoggedIn }) { if (isLoggedIn) { return

Welcome back!

; } return

Please sign in.

; } ``` 2. **Логический оператор &&** ```jsx function Notification({ hasUnread }) { return ( ); } ``` 3. **Тернарный оператор** ```jsx function UserStatus({ isOnline }) { return ( {isOnline ? 'Online' : 'Offline'} ); } ``` 4. **Нулевое слияние (??) или оператор ||** Полезно для fallback-значений. Важно избегать сложных условий в JSX для читаемости. Для сложной логики лучше выносить условия в отдельные переменные или функции.