少吃点肉的博客

封装组件必然是为了逻辑复用，那么下面我们通过使用不同的封装方式去封装一个猫（HOC）、鼠（Render Props）、狗（Hook）跟着鼠标移动的逻辑组件，来看看组件封装的奥妙。一：HOC(高阶组件)高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。高阶组件其实就是一个参数是组件，返回值是新组件的函数。import React from "react";// H.

create-react-app为我们封装好了webpack并且隐藏了起来，而日常开发中我们想修改webpack配置别名和装饰器该如何操作呢？1.安装customize-cra和react-app-rewiredyarn add customize-cra react-app-rewired2. 根目录创建config-overrides.js并安装装饰器插件@babel/plugin-proposal-decoratorsyarn add @babel/plugin-proposa.

es6写法<div className={`container ${index===this.state.currentIndex?"active":null}`}>此标签是否选中</div>

// 添加滚动事件this.timer = setTimeout(() => { this.setState({ navbarTop: $('.navBar').offset().top }) window.onscroll = this.onScroll.bind(this)}, 100) /** * [滚动事件] */...