create-react-app with --template typescript 不创建 .tsx 文件

typescript

使用create-react-app命令行工具创建React应用时，可以选择添加typescript模板来进行开发。typescript是一种静态类型检查的JavaScript超集，可以提供更好的开发工具和更强大的类型检查功能，从而提高代码的可靠性和可维护性。

在创建React应用时，可以通过在命令行中添加--template typescript选项来使用typescript模板。这样创建的项目会包含一些预配置的typescript相关设置，使得我们可以直接开始使用typescript进行开发，而无需手动配置。

当使用create-react-app with --template typescript命令创建React应用时，默认情况下会自动创建.tsx文件，这种文件格式支持在React组件中同时编写JSX和typescript代码。但是，如果不希望创建.tsx文件，而是只使用普通的.JS文件，我们也是可以实现的。

在React项目中，我们可以使用纯JavaScript（.JS）文件来编写组件，而不是使用typescript（.tsx）文件。这样做的好处是可以更加灵活地选择使用typescript或JavaScript进行开发，特别是在一些较小的项目中，如果不需要强类型检查的话，使用JavaScript文件可能更加简洁和方便。

下面是一个使用JavaScript文件编写React组件的示例代码：

Javascript
import React from 'react';
class MyComponent extends React.Component {
  render() {
    return <div>Hello, World!</div>;
  }
}
export default MyComponent;

在这个例子中，我们使用了普通的.JS文件来编写一个简单的React组件。在类定义中，我们继承了React.Component，并实现了render方法来返回组件的JSX代码。最后，通过export default将组件暴露出去，以供其他地方使用。

使用JavaScript文件编写React组件的优势

使用JavaScript文件编写React组件可以带来一些优势。首先，JavaScript文件的语法更加简洁和灵活，对于一些较小的项目或者不需要强类型检查的场景来说，使用JavaScript文件可能更加方便。

其次，不使用.tsx文件可以减少一些配置的复杂性。使用typescript时，需要进行一些额外的配置，例如配置tsconfig.JSon文件、安装typescript相关的包等。而如果只使用JavaScript文件，可以省去这些配置步骤，使得项目的搭建更加简单和快速。

在使用create-react-app with --template typescript命令创建React应用时，默认情况下会创建.tsx文件，以支持在React组件中同时编写JSX和typescript代码。但是，如果不希望创建.tsx文件，而是只使用普通的.JS文件，我们也是可以实现的。

使用JavaScript文件编写React组件可以带来一些优势，例如语法简洁灵活、配置简单等。根据项目的需求和规模，选择合适的文件格式可以更好地满足开发需求。