反应上下文菜单

React中的上下文Menu有无障碍支持. 现场实例可以找到 这里

这是一个叉从 原始项目 用于与 firefox 剖析器我们 无意增加新的功能,但会用现有的代码解决问题 有时为了我们而改变 我们希望它能有助于更多的项目.

谢谢 维韦克·库马尔·班萨尔 为了所有美好的工作 把这个项目.

目录

• 安装
• 浏览器支持
• 使用量
• API 密码
• 问题
• 贡献者
• 更改日志
• 许可证

安装

使用 npm

npm install --save @firefox-devtools/react-contextmenu

使用线条

yarn add @firefox-devtools/react-contextmenu

浏览器支持

• 边缘 94
• FireFox -- -- 91和78
• 克罗姆 92
• 歌剧院 79
• 萨法里岛

使用量

简单示例

import React from "react";
import ReactDOM from "react-dom";
import { ContextMenu, MenuItem, ContextMenuTrigger } from "@firefox-devtools/react-contextmenu";

function handleClick(e, data) {
  console.log(data.foo);
}

function MyApp() {
  return (
    <div>
      {/* NOTICE: id must be unique between EVERY <ContextMenuTrigger> and <ContextMenu> pair */}
      {/* NOTICE: inside the pair, <ContextMenuTrigger> and <ContextMenu> must have the same id */}

      <ContextMenuTrigger id="same_unique_identifier">
        <div className="well">Right click to see the menu</div>
      </ContextMenuTrigger>

      <ContextMenu id="same_unique_identifier">
        <MenuItem data={{foo: 'bar'}} onClick={this.handleClick}>
          ContextMenu Item 1
        </MenuItem>
        <MenuItem data={{foo: 'bar'}} onClick={this.handleClick}>
          ContextMenu Item 2
        </MenuItem>
        <MenuItem divider />
        <MenuItem data={{foo: 'bar'}} onClick={this.handleClick}>
          ContextMenu Item 3
        </MenuItem>
      </ContextMenu>

    </div>
  );
}

ReactDOM.render(<MyApp myProp={12}/>, document.getElementById("main"));

见 使用文档 编号 : 实例 更多细节.

API 密码

API 文件

问题

所有问题

谁在使用反应语句?

• 反应-数据-网格
• teamup.com (英语)
• Spotify 网络播放器

贡献者

所有贡献者

更改日志

关于 Changelog, 参见 释放 关于叉前的更改日志,参见 释放

许可证

麻省理工学院版权(c) 维韦克·库马尔·班萨尔