javascript - onClick/onItemClick JSX 语法 React + Office UI Fabric

Question

          <div>
            <CommandBar 
            areNamesVisible={false} areIconsVisible={true}
            items={[
            { name:"James Towns", className:"noHoverEffect", },
            { key:"Info", icon:"Contact", onItemClick={this.handlePanel} },
            { key:"Export", icon:"Download" }
            ]}       />
          </div>  

我正在使用 Office UI Fabric 中的组件 CommandBar 并且我已经创建了所需的内容，如附图所示:

接下来我要实现的是将 onClick 或 onItemClick 附加到其中一个项目。

完全不确定这是如何工作的，而且 JSX 语法似乎并不直接。

我的功能是handlePanel感谢任何帮助，在网上查了几天找不到一个预先存在的问题。

谢谢

Answer 1

在构造函数中绑定(bind)函数名称或使用箭头函数。下面是在构造函数中使用绑定(bind)的示例

1. 首先如下在构造函数中绑定(bind)你的函数

   this.handlePanel = this.handlePanel.bind(this);

2. 其次调用组件内部的函数为

   处理面板(){//在这里写代码