1-使用React的方式
认识 React
React是一个用于构建用户界面的 JAVASCRIPT 库。(JQuery也是)
React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。mvvm
React起源于 Facebook 的内部项目。
语法:
React 使用 JSX (js xml)来替代常规的 JavaScript
JSX是javascript的语法糖
我们不需要一定使用 JSX,但它有以下优点:
1,JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。
2,它是类型安全的,在编译过程中就能发现错误。
3,使用 JSX 编写模板更加简单快速。
jsx模板 const temp = <h1>hello</h1>; Let a = <div> <h1></h1><h2></h2> 最外头一定要一个根标签包裹住子标签,注意模版中的标签都要闭合 </div>
使用React的两种方式:
1,直接在html端 使用script方式引入 babel,react,reac_dom js文件
效率低,因为要实时转化
2,安装脚手架,以项目的方式使用react
Package.json中 是项目下载包依赖的记录
安装步骤:
安装create-react-app
cnpm instal -g create-react-app //全局安装脚手架
创建项目
create-react-app app(项目名)
启动项目
cd app
npm start //yarn start
安装cnpm
npm install -g cnpm
对于使用别人的项目,一般是不会把nodelmodel(放项目依赖的文件夹)传给你的(因为太大),所以首先先下载好该项目的依赖,通过npm install 会自动根据packge.json文件中的记录下载依赖 ,之后启动项目即可 。
声明组件的方式有两种:
1,函数声明
函数名必须大写,才表示是组件,否则浏览器认为是html元素
组件中return返回的是一个模版。
第一个参数是组件(或者说是react元素),第二个参数是dom节点
2,类声明
最新文章
- Character类的2个定义大小写方法以及charAt(int index)方法
- ReactNative win10初体验
- Power BI for Office 365介绍
- POJ1699 HDU 1560 Best Sequence(AC自动机 最短路)
- 小白初学Ioc、DI、Castle Windsor依赖注入,大神勿入(不适)
- 烂泥:kvm安装windows系统蓝屏
- iOS开发Extra系列:NSString***
- unity3d中asset store 的资源下载到本地的目录位置
- 如何在Win10下设置图片的浏览方式为windows照片查看器
- 【MySql】性能优化之分析命令
- EntityFramework使用中的一些Bug
- iOS Block 用法 (1)-once again
- 管理集群中的 crs 管理员
- 【Spark亚太研究院系列丛书】Spark实战高手之路-第一章 构建Spark集群(第五步)(2)
- PHP生成短信验证码
- 程序员DD 《Spring boot教程系列》补充
- canvas贪吃蛇游戏
- 解决:org.xml.sax.SAXParseException: 元素类型 ";head"; 必须由匹配的结束标记 ";<;/head>;问题
- sip 注册流程
- 如何区分USB 2.0 和USB 3.0插口