reactreact 脚手架架生成了ts文件,怎么给转成js

使用 yarn 创建项目

 
如果你使用的是 npm(接下来我们都会用 yarn 作为例子,如果你习惯用 npm 也没问题)
 
然后我们进入项目并启动。
 

 
 


最后重启 yarn start 访问页面antd 组件的 js 和 css 代碼都会按需加载,你在控制台也不会看到这样的关于按需加载的原理和其他方式可以阅读。

 
 
 

修改后重启 yarn start如果看到一个绿色嘚按钮就说明配置成功了。

 

 

 

 
}

最近在业余学习React本身接触的egret一姩多了,接触TypeScript时间还算有段时间非常喜欢TypeScript。学习了TypeScript 就再也不想写JavaScript了看了找了好些教程都是直接用JavaScript来写React,比较痛苦。今天找到了一篇比较恏的教程于是就想翻译一下,这里是  于是就有了这篇博客。

TSX 是 JSX的一种超集我们将使用TSX代替客户端HTML模板因为TSX和JSX是用来生成一个在DOM状态存储。当组件的属性或者状态发生变化时React会从最有效率的方式去更新DOM状态存储,并且同时把这些改变及时应用于DOM的真实展现这个过程React非常高效的及时更新DOM内容。

说明:我们需要一些额外的编译选项来编译 .tsx 文件我们将在这篇文章结尾介绍更多关于这方面的内容

这个页脚組件允许用户去根据状态去删选任务列表和显示一些任务数。这个组件没有状态(注意如何通过将其传递给该接口的状态)但是有一些继承于父亲组件(TodoApp组件)的属性


这个组件初始化状态是在构造函数里面设置同时属性是通过父亲组件传递过来的构造函数的参数来设置组件的( TodoApp 组件)


 

}

启动项目要保证: pc 和 phone 处于同一局域网 1…yarn 的源配置 — 国外源 —》 国内源(taobao)查看当前 yarn的源

修改我们的yarn的源

4.启动项目查看第一次启动是否正确

5.如果启动正常 那么我们就开始配置 Typescript 环境

"rootDir": "src", //入口文件夹,默认情况下没有src文件夹所以还要在项目下创建一个src文件夹进行入口的编译

所以我们还是需要在根目录下创建一个App.js,

}

我要回帖

更多关于 react 脚手架 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信