读读antd源码之三角形箭头

① 结束antd 源码篇

React 的系统类项目中，antd 组件应用非常广泛，前面几篇文章展开了一些比较重要的组件，后面剩余的组件类（包括数据展示，反馈，其他）核心的源码应用和前面无太大差异，这里选取一个三角形箭头样式的源码，以此结束这个系列的文章。

② 三角形箭头的应用

前面说过，rc-trigger 是一个非常重要的组件，可用于任意元素监听事件来弹出自定义框层。

而弹出来的自定义框，从设计角度来说，很有必要有个指示性的来源箭头，所以 antd 就有了各种的应用情况：

③ 如何用css实现三角形箭头

一般的常规css做法，实现三角形箭头，我们都会想到用 border：

因为设置 content 的宽高为0， 所以内聚的短边会压缩成箭头，有这样的效果：