React学习笔记二

React 可以直接下载使用,下载包中也提供了很多学习的实例。

使用 React的版本为 16.4.0,可以在官网 https://reactjs.org/ 下载最新版。

使用 create-react-app 快速构建 React 开发环境

create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

执行以下命令创建项目:

$ cnpm install -g create-react-app

$ create-react-app my-app

$ cd my-app/

$ npm start

React 代码的书写格式和以前的 JS 有很大的不同

以前使用JS 定义一个变量使用 var 现在用 const:

const div = document.createElement('div');

ReactDOM.render(...) 是渲染方法,所有的 js,html 都可通过它进行渲染绘制,两个参数,内容和渲染目标 js 对象。

内容就是要在渲染目标中显示的东西,可以是一个React 部件,也可以是一段HTML或TEXT文本。渲染目标JS对象,就是一个DIV或TABEL,或TD 等HTML的节点对象。

ReactDOM.render(<App />, div);

unmountComponentAtNode() 这个方法是解除渲染挂载,作用和 render 刚好相反,也就清空一个渲染目标中的 React 部件或 html 内容。

ReactDOM.unmountComponentAtNode(div);

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容