Ant-design 源码分析之数据展示（十四）Popover

最新推荐文章于 2024-05-16 10:14:25 发布

ArmoveChina

最新推荐文章于 2024-05-16 10:14:25 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： react.js javascript typescript

本文链接：https://blog.csdn.net/qq_37588125/article/details/122171107

Ant-design 源码分析之数据展示（十四）Popover

2021SC@SDUSC

Popover功能实现参见Tooltip

一、组件结构

1、ant代码结构
在这里插入图片描述
2、组件结构

ant中Popover的index.tsx中引入了Tooltip

二、antd组件调用关系

1、index.tsx
导入相应模块以及相应的ICON图标

import * as React from 'react';
import Tooltip, {
   
    AbstractTooltipProps, TooltipPlacement } from '../tooltip';
import {
   
    ConfigContext } from '../config-provider';
import {
   
    getRenderPropValue, RenderFunction } from '../_util/getRenderPropValue';
import {
   
    getTransitionName } from '../_util/motion';