一个tag标签组件一般都会有如下需求点:
可以改变标签颜色
提供关闭标签的配置,让用户可以关闭标签
关闭标签的回调,让用户能控制标签关闭后触发的动作
需求收集好之后,作为一个有追求的程序员, 会得出如下线框图...from 'classnames'
import styles from '....根据需求,颜色这个属性好实现,在上述代码中已经实现了, 我们看看closable和onClose如何实现.我们要向关闭tag,实际上是需要将这个标签隐藏,比如说使用display:none,或者从dom...from 'classnames'
import styles from '....基于react实现一个Empty(空状态)组件
这个组件非常好写, 目前常用的空状态组件一般是图片和文字组合, 图片文字都可替换,具体实现如下:
import classnames from 'classnames