怎么搭建React的运行环境Hello, world!


今天小编给大家分享一下怎么搭建React的运行环境的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。这里有两种方式,一种是使用npm,另一种是不使用npm。下面我们先来看不使用npm的方式。不用npm的方式引入React对于这种方式,我们需要首先下载React和React-dom的库文件。然后引入到html文件中。

上面的例子中,在Javascript中的XML语法被称为JSX,对于这种语法,在下面我们可以将上面html中的JSX代码分离出来,单独写到一个文件src/hw.js中ReactDOM.render(
因此上述html可以更新为如下代码:

这里需要注意,这种情况有的浏览器(例如谷哥浏览器)是无法加载src/hw.js的,只能通过http地址的方式才可以加载。这是官网上说的,我没有验证过,不过我们最好是通过url绝对地址的方式来引入上面的文件。对于这样的方式,其实最消耗时间的是通过babel将JSX转换成Javascript语法的过程。因此我们通常是将这一步放在服务器上面执行的。也就是说我们一般情况下是不直接在客户端使用buile/browser.min.js来转换JSX的。所以在浏览器解析之前就已经由服务器直接转换完成,客户端直接去调用转换完成的文件即可。服务器端转换首先我们应该在服务器端先安装babel# npm install –global babel-cli
# npm install babel-preset-react然后开始转换我们先前新建的src/hw.js文件以上就是“怎么搭建React的运行环境”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注开发云行业资讯频道。

相关推荐: win7任务管理器灰色无法启动怎么解决

这篇“win7任务管理器灰色无法启动怎么解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“win7任务管理器灰色无 香港云主机法启动怎么解决”文…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 07/15 11:59
Next 07/15 11:59

相关推荐