Почему хуки не стоит вызывать с условием

Хуки React должны вызываться на верхнем уровне компонента, а не внутри условий, циклов или вложенных функций. Это правило гарантирует, что хуки вызываются в одинаковом порядке при каждом рендере. React полагается на порядок вызовов хуков для корректного сопоставления состояния между рендерами. Пример проблемы: ```jsx function BadExample({ isActive }) { if (isActive) { const [value, setValue] = useState(''); // ❌ Неправильно return ; } return null; } ``` Правильный подход: ```jsx function GoodExample({ isActive }) { const [value, setValue] = useState(''); // ✅ Правильно return isActive ? : null; } ``` Если нужно условно использовать эффект, лучше поместить условие внутрь хука: ```jsx useEffect(() => { if (condition) { // выполнить эффект } }, [condition]); ```