基于 React 实现的右键菜单，仅提供基本功能，样
基于 React 实现的右键菜单，仅提供基本功能，样式由你自己定义
Introduction 包含 2 个高阶组件( ContextMenu, ContextMenuTrigger ) 两个组件必须包含相同的 id 属性 ( className 参数可选 ) InstallationUsing npm
npm install --save react-contextmenu-lite
Using yarn
yarn add react-contextmenu-lite
Example
import React from 'react'; import logo from './logo.svg'; import './App.css'; import { ContextMenuTrigger, ContextMenu } from 'react-contextmenu-lite'; function App() { return ( <div className="App"> <ContextMenuTrigger id="sampleID"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <p> Edit <code>src/App.js</code> and save to reload. </p> <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer" > Learn React </a> </header> </ContextMenuTrigger> <ContextMenu id="sampleID"> <ul className="menu-list"> <li> <span className="text">下载</span> </li> <li> <span className="text">移动</span> </li> <li> <span className="text">删除</span> </li> <li> <span className="text">重命名</span> </li> <li> <span className="text">属性</span> </li> </ul> </ContextMenu> </div> ); } export default App; Licence
MIT
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
