购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.2 JSX独立文件

JSX可以在页面中通过直接定义(见【代码1-5】)的方式实现,也可以通过引入外部定义好的JSX独立文件方式来实现。

下面尝试将【代码1-5】以独立文件的方式进行改写,来实现React JSX代码的应用。

【代码2-1】(详见源代码目录import.js文件)

关于【代码2-1】的说明:

下面再看一下HTML页面文件的具体代码:

【代码2-2】(详见源代码目录ch02-react-jsx-import.html文件)

关于【代码2-2】的说明:

下面使用Firefox浏览器运行测试该HTML网页,具体效果如图2.1所示。如图中的标识所示,页面中显示了通过React JSX独立文件方式渲染的效果,与【代码1-5】实现的功能是一致的。

图2.1 React JSX独立文件方式 hPNMf2p4nP/F/t+txsdan4kq9M+McHKCN8wqjHNGxJSXskqiIwE2PZGIRoo820fW

点击中间区域
呼出菜单
上一章
目录
下一章
×