React:table组件/Pagination分页组件/Dialog组件 - 点击单元格内容显示弹窗，弹窗的内容由表格内容控制（2）

最新推荐文章于 2024-03-12 16:47:40 发布

VIP文章 thingjustthing

最新推荐文章于 2024-03-12 16:47:40 发布

阅读量480

点赞数

分类专栏： flask React 文章标签： react

本文链接：https://blog.csdn.net/thingjustthing/article/details/118703668

版权

（1）渲染了表格

（2）渲染弹窗-Dialog组件

Dialog组件由两个文件组成：DialogOperation.jsx 和 Operation.jsx

DialogOperation.jsx页面渲染：

其中子组件的值来源于父组件的usecallback：

import React, { useState,useRef, useCallback } from 'react';
import { Dialog } from '@alifd/next';
import Operation from './Operation';

const getDialogTitle = actionType => {
  switch (actionType) {
    case 'edit':
      return '跳转页面';
    case 'preview':
      return '预览';
  }
};  //可以通过增加case，进行多种状态