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);