Typescript+React入门

以下是一个简单的React组件示例，使用TypeScript编写：




import React from 'react';
import PropTypes from 'prop-types';
 
interface GreetingProps {
  name: string;
}
 
const Greeting: React.FC<GreetingProps> = ({ name }) => {
  return <h1>Hello, {name}!</h1>;
};
 
Greeting.propTypes = {
  name: PropTypes.string.isRequired
};
 
export default Greeting;

这个组件接受一个名为name的属性，该属性是必须的字符串。它使用了TypeScript的接口（interface）来定义组件的属性类型，并且使用了React的propTypes进行了属性的必要性检查。这个例子展示了如何开始在TypeScript和React环境中编写代码。

Typescript+React入门

评论已关闭

推荐阅读