typescript
我就是李白
这个作者很懒,什么都没留下…
展开
-
使用react hook来手写个简单轮播图
话不多说,直接上代码 import React, { useEffect, useState } from "react"; import "./index.css"; import list from "./config"; import { ListProps } from "./interface"; const Carousel = () => { const [count, setCount] = useState(0); useEffect(() => { cons原创 2022-03-25 18:17:22 · 1759 阅读 · 0 评论 -
react + typescript 项目配置别名
react + typescript 项目配置别名 第一步 首先需要生成一个配置文件 npm run eject 第二步 然后在config文件下面的webpack.config.js 中找到resolve 下面的 alias,写入 "@": path.resolve(__dirname, '../src'), 我这里默认配置文件路径在config目录下,跟src平级,所以使用…/src。 第三步 找到tsconfig.json文件,修改experimentalDecorators为true, 然后在co原创 2021-05-12 15:48:24 · 483 阅读 · 0 评论 -
实现一个简单的装饰器
装饰器是什么 装饰器模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构。这种类型的设计模式属于结构型模式,它是作为现有的类的一个包装。 这种模式创建了一个装饰类,用来包装原有的类,并在保持类方法签名完整性的前提下,提供了额外的功能。 下面实现一个简单的装饰器 方法一 定义一个class class Log { print(msg) { console.log(msg); } } 写一个装饰器 const dec = (target, proper原创 2020-09-07 18:42:46 · 361 阅读 · 0 评论