随笔分类 - 前端歌谣歌谣-学习篇React-好客租房笔记
摘要：1每个阶段的执行时机 2每个阶段钩子函数的执行顺序 3每个阶段狗子函数的作用 6.2生命周期的三个极端 执行时机 执行顺序 construtor()->render()->componentDidMount //导入react import React from 'react' import Rea
阅读全文
摘要：//导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react
阅读全文
摘要：//导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react
阅读全文
摘要：执行时机 //导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承
阅读全文
摘要：app组件要传递给child组件 该如何处理 更好的姿势 跨组件传递数据 Provider 用来提供数据 Consumer用来消费数据 1调用React.createContext() 创建provider和comsumer消费两个组件 const {Provider,Consumer}=React
阅读全文
摘要：获取评论信息 1使用受控组件方式创建表单 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从
阅读全文
摘要：发表评论 1给按钮绑定点击事件 2在事件处理程序中 通过state获取评论信息 3将评论信息添加到state中 并调用setState()方法更新数据 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组
阅读全文
摘要：边界问题 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性 //
阅读全文
摘要：1能够使用props接收数据 2能够使用父子组件之间的通讯 3能够实现兄弟组件之间的通讯 4能够给组件添加props校验 5能够说出生命周期常用的钩子函数 6能够知道高阶组件的作用 组件通讯介绍 组件的props 组件通讯的三种方式 context props深入 组件的生命周期 render-pr
阅读全文
摘要：组件是独立且封闭的单元 ,默认情况下，只能使用组件自己的数据。在组件化过程中，我们将一个完整的功能中拆分成为多个组件，以更好的完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数据。为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通，这就是组件通讯
阅读全文
摘要：组件是封闭的 要接受外部数据应该通过props来实现 props的作用:接受传递给组件的数据 传递数据:给组件标签添加属性 接收数据:函数组件通过参数props接收数据 类组件通过this.props接受数据 函数组件 //导入react import React from 'react' impo
阅读全文
摘要：特点 1可以给组件传递任意类型的数据 2props是只读的对象 只能读取属性的值 无法修改对象 3注意:使用类组件时 如果写了构造函数 应该将props传递给super() 否则 无法在构造函数 中获取到props //导入react import React from 'react' import
阅读全文
摘要：1父组件提供要传递的state数据 2给子组件标签添加属性 值为state中的数据 3子组件通过props获取父组件传递的数据 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件
阅读全文
摘要：思路：利用回调函数 父组件提供回调 子组件调用 将要传递的数据作为回调函数的参数 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继
阅读全文
摘要：共享状态提升到最近的公共父组件中 由公共父组件管理这个状态 状态提升 提供共享状态或者操作状态的方法 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 //
阅读全文
摘要：1react组件介绍 组件是react中的一等公民 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点 可复用性 独立 可组合
阅读全文
摘要：class实例方法 利用箭头函数的class实例方法 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.compone
阅读全文
摘要：1推荐使用class的实例方法 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从中可以使用
阅读全文
摘要：7.1受控组件 HTML中的表单元素是可输入的 也就是有自己的可变状态 react中的可变状态通常保存在state中 并且只能通过setState方法来修改 <input type="text" value={this.state.text}/>
阅读全文
