摘要：> 效果预览  > 关键代码 ```javascript //调节窗口大小 useEffect(() => { if (conref.current)
阅读全文
随笔分类 - react
前端常用框架
摘要：# 何为useRef useRef是随着react函数式组件发展而来的，是react众多官方hook中的一个，调用useRef可以返回一个伴随这组件整个声明周期不发生改变的对象，这个对象常见的用途有两个： - 用于绑定dom元素，从而实现对dom元素的操作 - 用于保存不希望随着组件重新渲染而改变的
阅读全文
摘要：组件生命周期大体上分为三个阶段：1.组件初始化2.组件更新3.组件卸载 旧版生命周期 一、 componentWillMount() render() componentDidMount() 二、 componentWillReceiveProps(nextProps) shouldComponen
阅读全文
摘要：在React中也有插槽技术 类似普通的HTML双标签,React组件也可以写成双标签的形式，并在标签之间插入内容 class Demo extends React.Component { render(){ return <div> <Child> <li>列表1</li> <li>列表2</li>
阅读全文
摘要：使用发布订阅需要下载并引入一个库 npm i pubsub-js import Pubsub from 'pubsub-js' 发布 Pubsub.publish('message',data) 第一个参数是发布的消息的名称，用于与订阅者相匹配，第二个参数可以是数据，也可以是一个回调函数 订阅 Pu
阅读全文
摘要：区分受控组件与非受控组件的标志是组件中的input等表单元素的值的来源与去向是否受到组件状态的影响，如果受到状态的影响，则称为受控组件，反之为非受控组件 狭义的受控组件：针对于表单控件而言，表单控件的value值受状态的控制，并且会影响到状态 受控组件 class Demo extends Reac
阅读全文
摘要：一、react的ref属性用于选中元素标签，继而对元素节点进行操作 1、字符串形式的ref(已被弃用) class Demo extendss React.Component { state{ name:'大明', age:18 } changeName= ()=>{ this.setState{
阅读全文
摘要：一， 类式组件使用props props属性用于给组件传递参数，且是只读属性 使用： class Demo extends React.Component{ render(){ const {name,age}=this.props return <div> <p>我的名字是{name}，我今年{a
阅读全文
摘要：1、在类里面，可以定义 构造函数 class Demo { constructor(name,age){ this.name=name this.age=age } 一般方法（在类的原型对象上） class Demo { constructor(name,age){ this.name=name t
阅读全文
摘要：一、类知识回顾 class是es6新增的用于创建对象模板的关键字 创建一个类 //类名首字母要大写 class Person { //当创建一个没有继承任何父类的类时，需要编写constructor函数来为类的实例对象添加属性 constructor(name,age){ this.name=nam
阅读全文
摘要：react中组件有两种，函数式组件及类式组件，下面将简单记录下函数式组件的学习 函数式组件的定义就如同他的名字一样，直接定义一个函数就行 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta
阅读全文