KGD组件库日记
文章平均质量分 54
菜鸟小胖砸
博主很懒,但是却对前端很热爱,除了样式!
展开
-
TS+react自建组件库 05
TS+react自建组件库 05KGD的第十个组件-Upload需求分析文件分析:①文件状态:ready、uploading、success、error②文件属性展示:uid、size、name、status、percent、raw、response、error设计实现import { FC, useRef, ChangeEvent, useState} from 'react'import axios from 'axios'import Button from '.原创 2021-10-24 15:45:49 · 854 阅读 · 0 评论 -
TS+react自建组件库 04
TS+react自建组件库 04KGD的第七个组件-Input需求分析属性分析:能否禁用、图标、规格大小、输入框前缀、输入框后缀设计实现import {FC, ReactElement, ChangeEvent, InputHTMLAttributes} from 'react'import { IconProp } from '@fortawesome/fontawesome-svg-core'import classNames from 'classnames'import Ic原创 2021-10-21 07:57:51 · 476 阅读 · 1 评论 -
TS+react自建组件库 03
TS+react自建组件库 03KGD的第五个组件-Icon引用第三方图标库:fontowesome安装指令:yarn add @fortawesome/fontawesome-svg-coreyarn add @fortawesome/free-solid-svg-iconsyarn add @fortawesome/react-fontawesome引入:import {FontAwesomeIcon, FontAwesomeIconProps} from '@fortawesome原创 2021-10-18 09:19:47 · 149 阅读 · 0 评论 -
TS+react自建组件库 02
TS+react自建组件库 02KGD的第二个组件-Alert需求分析类型分析-type:成功、默认、危险、警告功能分析-:默认弹出框、可添加描述弹出框设计实现import React, {FC, useState} from 'react'import classNames from 'classnames'export enum AlertType { Success = 'success', Default = 'default', Danger = 'dange原创 2021-10-14 22:14:53 · 444 阅读 · 0 评论 -
TS+react自建组件库 01
TS+react自建组件库 01Hello World组件测试import {FC} from 'react'interface IHello { message?: string; }const Hello:FC<IHello> = function(props){ let {message} = props; return ( <h2>{message}</h2> )}Hello.defaultPro原创 2021-10-12 22:16:54 · 444 阅读 · 0 评论