首页 > TAG信息列表 > 好客
好客租房62-组件的生命周期三个阶段-4卸载时
执行时机 //导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性 // 约定3:组件必须提供ren好客租房61-组件的生命周期三个阶段-3更新时
//导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性 // 约定3:组件必须提供render方法 /好客租房60-组件的生命周期三个阶段-2更新时
//导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法好客租房59-组件的生命周期三个阶段-1创建时
1每个阶段的执行时机 2每个阶段钩子函数的执行顺序 3每个阶段狗子函数的作用 6.2生命周期的三个极端 执行时机 执行顺序 construtor()->render()->componentDidMount //导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-t好客租房58-组件的生命周期概述
6.1组件的生命周期概述 组件的生命周期有助于理解组件的运行方式 完成更复杂 的组件功能 分析组件错误原因等 组件的生命周期 组件从创建到挂载到卸载 生命周期的每个阶段伴随着一些方法调用 这些方法就是生命周期的钩子函数好客租房53-context的使用
app组件要传递给child组件 该如何处理 更好的姿势 跨组件传递数据 Provider 用来提供数据 Consumer用来消费数据 1调用React.createContext() 创建provider和comsumer消费两个组件 const {Provider,Consumer}=React.createContext() 2使用Provider <Provider> <div> <child1/> </d好客租房44-react组件基础综合案例-5发表评论-1
发表评论 1给按钮绑定点击事件 2在事件处理程序中 通过state获取评论信息 3将评论信息添加到state中 并调用setState()方法更新数据 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继好客租房43-react组件基础综合案例-4获取评论信息
获取评论信息 1使用受控组件方式创建表单 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性 // 约定3:组件必须提供render方法 /