摘要: 函数组件无生命周期一说 生命周期函数指在某一时刻组件会自动调用并执行的函数 React每个组件都包含生命周期方法,我们可以重写这些方法,以便于在运行过程中特定的阶段执行这些方法 完整的生命周期图 常见生命周期图 一、新旧生命周期函数 1、旧生命周期函数 初始化阶段:由ReactDOM.render( 阅读全文
posted @ 2021-07-11 23:05 大米饭盖饭 阅读(167) 评论(0) 推荐(0)
摘要: 组件通信除了props(父传子)以外,还有其他方式 一、父传子(ref) 组件内的标签可以定义ref属性来标识自己 不要过度使用ref 1、字符串形式的ref 不推荐使用,已经过时,存在一些效率问题 1 import React, { Component } from "react"; 2 3 cl 阅读全文
posted @ 2021-07-11 20:33 大米饭盖饭 阅读(80) 评论(0) 推荐(0)
摘要: 一、children属性 children属性表示组件标签的子节点 当组件标签有子节点时,接受传值的子组件中的props里就会有该属性 与普通的props一样,其值可以是任意类型 注意 如果子组件标签里只存在一个子节点,则children属性值为一个字符串 如果子组件标签里存在多个子节点,那么chi 阅读全文
posted @ 2021-07-11 17:15 大米饭盖饭 阅读(64) 评论(0) 推荐(0)
摘要: 1、状态就是组件描述某种显示情况的数据,由组件自己设置和更改 2、使用状态的目的就是为了在不同的状态下使组件的显示不同 3、state状态只在class类组件才有,函数组件没有此功能 一、基本使用 状态(state)即数据,是组件自己内部的私有数据,只能在组件内部使用 state的值是对象,表示一个 阅读全文
posted @ 2021-07-11 17:03 大米饭盖饭 阅读(480) 评论(0) 推荐(0)
摘要: 一、事件绑定 React元素的事件处理和DOM元素的很相似,但是有一点语法上的不同,React元素的事件绑定采用on+事件名的方式来绑定一个事件,注意,这里和原生的事件是有区别的,原生的事件全是小写,如onclick, React里的事件是驼峰,如onClick,React的事件并不是原生事件,而是 阅读全文
posted @ 2021-07-11 16:52 大米饭盖饭 阅读(65) 评论(0) 推荐(0)