08 2022 档案
摘要：高阶组件（HOC） 高阶组件（Heigher Order Component）也被称之为高阶函数，容器组件，高阶组件是类组件编程中的一种重要代码逻辑复用技巧。 高阶组件的语法 接收一个React组件作为入参，经过修饰，最后返回一个新的React组件，所以这个入参的React组件被称之为“UI组件”；
阅读全文
摘要：在React中上下文是一种通信方案。 上下文的特点 在组件树中，是一种自上而下的单向数据流通信方案，数据只能从父组件注入，在子组件中访问。 组件关系只要满足“父组件-后代组件”这种关系时，都可以使用上下文通信。 在父组件中provide提供数据，在后代组件中注入并使用，这种通信不具有响应式，有点像v
阅读全文
摘要：注意：只有类组件才有生命周期钩子函数，函数组件没有生命周期钩子函数。 生命周期 装载阶段：constructor() render() componentDidMount() 更新阶段：render() componentDidupDate() 卸载阶段：componentWillUnmount()
阅读全文
摘要：如何定义state 在类组件 中，在constructor()中使用this.state={}来定义 class A extends Component { constructor (props) { super(props) // 调用Component的构造函数 // 定义state this.
阅读全文
摘要：两组组件定义 类组件(class组件) 特点：用ES6面向对象语法，有生命周期，有this,有state，有上下文，有ref，永远不能使用Hooks. 缺点：相对函数组件，类组件性能相对较差。 class A extends Component { constructor (props) { sup
阅读全文
摘要：webpack简介 构建工具（基于Nodejs）node(v16)前端工程化。 环境搭建 创建一个空的package.json npm init webpack核心包（提供了API,插件） npm i webpack -g npm i webpack -D cnpm i webpack -g cnp
阅读全文
