前言
千里之行始于足下,咸鱼还是烤着香.......
文档
我们首先翻看下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吧