React入门

React简介

React是一个用于构建用户界面的JAVASCRIPT库，主要用于构建UI，所以被认为是MVC模型当中的V。
其起源于Facebook的内部项目，用来假设Instagram的网站，并于2013年5月开源。

React特点

1. 声明式设计：React采用声明范式，可以轻松描述应用；
2. 高效：React通过对DOM的模拟，最大限度地减少与DOM的交互；
3. 灵活：React与已知的库或者框架很好地配合；
4. JSX：JSX是JavaScript语法的扩展，建议使用JSX；
5. 组件：通过React构建组件，使得代码更加容易得到复用，能够很好的应用在大项目开发中；
6. 单项响应的数据流：React实现了单项响应的数据流，从而减少了重复代码；

React安装

React可以直接下载使用，下载地址为https://github.com/facebook/react/releases。


下载react.development.js、react.production.min.js和react.profiling.min.js这三个文件。

点击页面跳转

onClick={this.handle}
handle(){
const w=window.open(‘about:blank’);
w.location.href=‘你的地址’
}

react内嵌div高度屏幕自适应

react引入的CSS文件会影响整个项目js文件，所以让一个指定的div宽高自适应浏览器的宽高，可以采用以下方法：

div style=“position:absolute;width:100%;top:0;bottom:0;backgroung:#000”>