Типизация компонентов
typescript
1interface ButtonProps {2 variant: 'primary' | 'secondary';3 children: React.ReactNode;4 onClick?: () => void;5}67const Button: React.FC<ButtonProps> = ({ variant, children, onClick }) => (8 <button className={variant} onClick={onClick}>{children}</button>9);
Типизация событий
typescript
1function handleSubmit(e: React.FormEvent<HTMLFormElement>) {2 e.preventDefault();3}
Типизация хуков
typescript
1const [count, setCount] = useState<number>(0);2const ref = useRef<HTMLDivElement>(null);
Заключение
TypeScript + React = безопасная и удобная разработка.
Изучите вопросы по TypeScript в нашем разделе.