本文参照 React官方文档,讲述具体执行方法。
React引用
react只要分为生产环境版本(production)和开发环境版本(development),开发环境版本提供更多的错误提示。
可以前往github或使用npm下载引用,也可以使用线上cdn。
这里提供官方推荐的cdn:
开发环境版本
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
生产环境版本
<script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js" crossorigin></script>
JSX
之所以要后端预编译reactJS文件,是因为如果将此工作交给前端将大大降低前端的渲染效率。
<
本文介绍了如何在网站中引入React,并重点讲解了在前端项目中预编译JSX的原因。首先,讨论了React的开发环境和生产环境版本的选择,接着详细阐述了安装Babel、编写React应用示例、配置预编译过程,以及如何在完成预编译后在HTML中引入编译后的JS文件。预编译有助于提高前端渲染效率。
最低0.47元/天 解锁文章
1391

被折叠的 条评论
为什么被折叠?



