随笔分类 - react
摘要:在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
阅读全文