React很流行,并且已经有各种各样的框架可以用。但如果你之前已经有一个网站,你想以最小代价,为它添加React的功能(尤其是组件化编程,动态构建界面等)。请参考下面的做法。
我同时还很喜欢Typescript,请参考此前的文章:https://www.cnblogs.com/chenxizhang/p/14382837.html
第一步:添加jsx的支持。这是可以让我们用javascript定义html元素。
第二步:安装react, react-dom这两个库。以及 @types/react, @types/react-dom 这两个定义库。全部用-D参数安装。
第三步:修改类型定义应用文件。Index.d.ts文件如下
第四步:创建你的tsx文件,用来定义前端代码逻辑
第五步:在你的html文件中,引用对应的js文件。
第六步:编译tsx文件,生成js文件。如下所示