Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
Наука · 14 августа 2026 г.
🔥 Юзаешь React + TypeScript? Тогда вот тебе трюк на миллион — типизация children прави... — 14 августа 2026 г. в 07:31:41.759
🔥 Юзаешь React + TypeScript? Тогда вот тебе трюк на миллион — типизация children правильно! Часто можно увидеть вот так: type Props = { children: React.ReactNode; } Но это слишком широкий тип. Он допускает что угодно: строки, числа, фрагменты, null… 📌 Лучше — использовать ReactElement: import { ReactElement } from 'react'; type Props = { children: ReactElement; } 👉 Это значит: ожидаем ровно один React-элемент, и никаких строк/чисел/массивов. Если нужно несколько элементов — используем: type Props = { children: ReactElement | ReactElement[]; } 🎯 Это даёт жёсткую и предсказуемую типизацию, особенно полезно для обёрток и layout-компонентов. ⚠️ А если хочешь прям универсальность — тогда ReactNode ок. Но осознанно. Пиши типы как профи 💪 👉 @frontend_1