JavaWeb之React框架

来源：济南达内IT培训学校时间：2020/11/5 15:33:48

一，React是什么
React一个基于JS的MVC框架，由于我们在手机浏览器上运行的WebApp的性能不如在应用商店下载的NativeAPP，其原因主要由于DOM（DOM是DocumentObjectModel的英文缩写，是一种树式文件结构，提供给JS用来动态修改文档状态）会拖慢JS，所以我们希望用写WebAPP的方式写NativeAPP，这样就会只需要写一组UI就可以同时适用于服务器，浏览器和手机了。
二，React的基本使用
2.1 HTML模板
1.代码一般用到三个库：react.js、react-dom.js和Browser.js，它们必须首先加载。其中，react.js是React的核心库，react-dom.js是提供与DOM相关的功能，Browser.js的作用是将JSX语法转为JavaScript语法，这一步很消耗时间，实际上线的时候，应该将它放到服务器完成。
2.React独有的JSX语法，跟JavaScript不兼容。凡是使用JSX的地方，都要在标签的type属性设为text/babel，即加上type="text/babel"。
2.2 ReactDOM.render

ReactDOM.render是React基本的方法，用于将模板转化为HTML语言，并插入指定的DOM节点。

2.3 JSX的基本语法规则：
1.遇到HTML标签（以<开头），就用HTML规则解析；遇到代码块（以{开头），就用JavaScript规则解析。
2.JSX允许直接在模板插入JavaScript变量。如果这个变量是一个数组，则会展开这个数组的所有成员。
三，React重要组成
3.1 组件
React允许将代码封装成组件（相当于类），然后像插入普通HTML标签一样，在网页中插入组件。
3.2 this.props.children
JSX由于可以直接插入JS，所以要声明一个快捷表示组件全部子节点的方式。
this.props对象的属性与组件属性一一对应
this.props.children表示组件的所有子节点
3.3 ProTypes
组件的属性可以接受任意值，所有我们需要一种机制，验证别人使用组件时，提供的参数是否符合要求
比如我们可以设定Mytitles组件的title必须为字符串

领取试听课

每天限量名额，先到先得

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/1673/news/275271/违者必究！以上就是济南达内IT培训学校小编为您整理 JavaWeb之React框架的全部内容。