摘要：一、搭建好react的环境 npm install -g create-react-app create-react-app . // 这一命令会在文件夹中生成package.json/node-modules/public/src/.gitignore/package-lock.json/READ 阅读全文

摘要：React的生命周期主要分为三段，mount（挂载）、update（更新）、unmount（卸载）。 一、mount，即挂载阶段，第一次让组件出现在页面中的过程，React会将render的返回值插入到页面中，这个过程会暴露以下几个钩子（hook）： 二、update，即更新阶段，如果数据有任何变动 阅读全文

摘要：在设置组件的属性时我们都知道，一般把固定不变的属性设置放在props上，把会实时发生变化的属性放在state上，那么怎么样才能改变这个变化的属性值呢，我们用到这个函数，即setState。 setState不会立刻改变React组件中的state的值。 setState通过引发组件的一次更新过程来引 阅读全文

摘要：一、HTML模板 React的网页源码大致如下： <script type="text/babel"></script>，这个type的属性为text/babel，这是因为JSX语法和JavaScript语法不兼容，凡是遇到JSX语法的网页都需要把文档类型设置为babel。上述代码引用的三个库rea 阅读全文

摘要：1. 安装： 为了更好的理解npm，我们运行下面两行命令： 为了使安装的速度更快，我们使用淘宝的镜像： 这个配置会在我们设置npm adduser的时候出现问题，使用 npm config delete registry 恢复原样。 然后我们开始安装webpack，npm i -g webpack 阅读全文

摘要：一、安装：在全局环境下安装 二、运行命令，如果不能自动打开网页，在浏览器的地址栏输入：http://127.0.0.1:8080 webpack是为浏览器构建JavaScript模块脚本的quan前端工具。它可以类似于Browserify一样，但是能做的更多。 Webpack需要一个配置文件名叫we 阅读全文