关于react中使用browser.js转译JSX的操作方法,并附react.js,react-dom.js,browser.js文件下载链接

在初学react这个框架时,可采用在文件中引入react.js,react-dom.js,browser.js库来编写代码。JSX在React中是一种非常常见的写法,具体JSX的解释很难说的清楚,但通常可以理解为JavaScriptXML或者是JavaScript Syntax eXtension (JavaScript语法扩展的缩写)。

在项目中使用JSX技术时,我们需要用babel进行转译,babel从版本6开始就不再提供babel.js,因此我们在引用库文件使用babel转译时,就只能使用其旧版本。博主个人github上收集了react.js,react-dom.js,browser.js文件,可前往下载。

具体使用browser转译的例子如下:





  
  
  
  Document



  

需要注意的时,在编写js代码的script标签的类型type为‘text/babel’,否则无法对JSX进行转译,并会报出下列错误。

关于react中使用browser.js转译JSX的操作方法,并附react.js,react-dom.js,browser.js文件下载链接_第1张图片

初学React需要注意这个问题。

 

你可能感兴趣的:(javascript,react)