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

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

首先在构造函数中绑定你的函数，如下所示

this.handlePanel = this.handlePanel.bind(this);
第二次调用组件内部函数as

handlePanel(){ // 在这里写代码 }

onClick / onItemClick JSX 语法 React + Office UI Fabric

onClick / onItemClick JSX Syntax React + Office UI Fabric

javascript

onclick

jsx

onitemclick

reactjs