weixin_49342009的博客

React生命周期如下图所示： 通过这张图你可以看到React声明周期的***四个大阶段***： ***Initialization:初始化阶段。 Mounting: 挂载阶段。 Updation: 更新阶段。 Unmounting: 销毁阶段*** 什么是生命周期函数 生命周期函数指在某一个时刻组件会自动调用执行的函数 constructor不是生命周期函数，我们称它为构造函数。 Mounting阶段 Mounting阶段叫挂载阶段，伴随着整个虚拟DOM的生成，它里边有三个小的生命周期函数，分别是：

今天看了一篇文章，对props和state做了详细的解读，自己看后，很有感悟，现分享在这里。 React中state和props分别是什么 https://segmentfault.com/a/1190000011184076 只有对props和state有深刻的了解，才能对React的生命周期了解的更全面。 ...

上一篇博客中写的ToDoList练习，是将所有的内容都写在了一个组件中。 React基础练习-ToDoList 但是在实际工作中肯定是团队开发，我们会把一个大功能分成不同的组件。 今天要学习的内容是，组件的拆分，与父子组件间，消息的传递。 1.父组件向子组件传递内容，靠属性的形式传递。 2.React有明确规定，子组件是不能操作父组件里的数据的，所以需要借助一个父组件的方法，来修改父组件的内容 3.如果子组件要调用父组件方法，其实和传递数据差不多，只要在组件调用时，把方法传递给子组件就可以了,记得这里也要进

如下是学习了React的基础后，做的一个小练习。 import React, { Component } from 'react'; class ToDoList extends Component { constructor(props) { super(props); this.state = { defaultValue:'', list:[ '跑跑卡丁车',

JSX简介 JSX就是Javascript和XML结合的一种格式。React发明了JSX，可以方便的利用html来创建DOM,当遇到 < ，JSX就当做HTML解析，遇到 { 就当做javascript进行解析。 组件和普通JSX语法区别 自定义组件必须首字母大写，而JSX是小写字母开头的。 组件外层包裹原则 这是一个很重要的原则，因为React要求必须在一个组件的最外层进行包裹。 错误代码： 所以我们在写一个组件的时候，组件的最外层都需要有一个包裹。 Fragment标签 加上最外层的DIV，组件

1.安装Node.js Node中文网址：http://nodejs.cn/ Node.js 安装好以后，如果是Windows系统，可以使用 Win+R打开运行，然后输入cmd 输入代码： 然后再输入代码： 如果正确出现版本号，说明npm也是没问题的，这时候我们的Node.js安装就算完成了。 2.安装脚手架 3.创建React项目 等到浏览器可以打开React网页，并正常显示图标后，说明我们的环境已经全部搭建完成了。 ...