Antd 4.X 源码解读 - Divider

1,185 阅读1分钟

前言

千里之行始于足下,咸鱼还是烤着香.......

文档

我们首先翻看下antd-design 的文档,看看divider的UI设计和API,发现应该是个挺简单的组件,那么确定组件的入参

export interface DividerProps {    prefixCls?: string;    // 水平还是垂直类型    type?: 'horizontal' | 'vertical';    // 分割线标题的位置    orientation?: 'left' | 'right' | 'center';    className?: string;    children?: React.ReactNode;    // 是否虚线    dashed?: boolean;    // 分割线样式对象    style?: React.CSSProperties;    // 文字是否显示为普通正文样式    plain?: boolean;}

太简单了没啥难理解的,不说了,看下clear: both吧

github.com/Aaaaaaaty/B…