可以的,React.js 完全可以和 TypeScript(TS)一起使用,而且这现在是非常主流、推荐的做法。
# 使用 Vite
npm create vite@latest my-app -- --template react-ts
# 或使用 CRA(已不推荐新项目使用)
npx create-react-app my-app --template typescript
import React from 'react';
type Props = {
name: string;
age?: number;
};
const Hello: React.FC<Props> = ({ name, age }) => {
return (
<div>
Hello {name}, age: {age ?? 'unknown'}
</div>
);
};
export default Hello;
.tsx(不是 .jsx)React.ChangeEvent<HTMLInputElement>useState 会自动推断类型,也可以显式指定:const [count, setCount] = useState<number>(0);
✅ React + TypeScript = 官方支持
✅ 生态成熟(antd、MUI 等都支持 TS)
✅ 新项目强烈推荐用 TS
如果你愿意,我也可以帮你把一段 JSX 代码改成 TSX,或者讲 React + TS 的常见坑。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。