react➕antd【树形列表，右键出现菜单】

小红同学5

于 2019-05-22 15:55:57 发布

阅读量5.1k

点赞数

分类专栏： react antd

本文链接：https://blog.youkuaiyun.com/xh_960125/article/details/89850928

版权

本文介绍了如何在React应用中结合Ant Design库，实现树形列表节点的右键点击事件，并自定义右键弹出菜单。通过监听treeNodeonRightClick事件，配合getNodeTreeRightClickMenu方法生成菜单内容，最终展示在列表上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，列表上右键事件 treeNodeonRightClick，代码中有

2，自定义右键菜单内容 getNodeTreeRightClickMenu，代码中有

3，return下面写入右键菜单内容 {this.getNodeTreeRightClickMenu()}

4，效果图

5，详细代码

import React, { PureComponent } from 'react';
import { findDOMNode } from 'react-dom';
import moment from 'moment';
import { Link } from 'react-router-dom';
import { connect } from 'dva';
import { Row, Col, Table, Radio, Input, Form, Button, Icon, DatePicker, Select, Modal, Popconfirm, Badge, Dropdown, Tree, Menu, Popover, } from 'antd';
import styles from './departmentList.less';

const FormItem = Form.Item;
const RadioButton = Radio.Button;
const RadioGroup = Radio.Group;
const SelectOption = Select.Option;
const { Sear

最低0.47元/天解锁文章