ant-design 源码系列(一) Altert

阅读 ant-design 源码这个计划已经列了好久了，迟迟没有实现，总体来说是时候开一个头了。
组件顺序就是按照字母顺序排序吧。

准备知识

• react 知识，这个不多解释了
• typeScript 因为 antdesign 是用 ts 写的
• 源码地址 github

Let’s go

首先我们打开官方文档，看看 Alert 组件的应用场景。

当某个页面需要向用户显示警告的信息时。

非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。

没什么好suo的，下面来看看 api

好吧，这个组件很简单，找个简单的先看着，逐步深入嘛。

那就开始看源码吧！

export interface AlertProps {
  /**
   * Alter 样式的类型,选项有:`success`, `info`, `warning`, `error`
   */
  type?: