如何将TypeScript代码转换为JavaScript 移除props类型注解的方法

转换方案 #

TypeScript 中参数后跟的: { name: string }是仅用于编译阶段的静态类型注解，JavaScript 本身不支持该语法，直接删除这部分类型声明即可。

你提到的(props: { name: string })转换为JavaScript写法后为(props)。

完整转换后的代码：

const Home = (props) => {
    return ( <div> {props.name ? 'Hi ' + props.name : 'You are not logged in'} </div> );
};

如果是React项目，你需要在运行时校验props类型，可以额外引入PropTypes实现效果（非必需）：

import PropTypes from 'prop-types';

const Home = (props) => {
    return ( <div> {props.name ? 'Hi ' + props.name : 'You are not logged in'} </div> );
};

Home.propTypes = {
  name: PropTypes.string
};

内容的提问来源于stack exchange，提问作者saj saj