代码之家 › 专栏 › 技术社区 › MikeXero

onClick/onItemClick JSX语法React+Office UI结构

onitemclick jsx onclick reactjs javascript

1

MikeXero · 技术社区 · 6 年前

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

我正在使用这个组件 CommandBar 我从Office UI Fabric创建了所需的内容,如所附图片所示:

enter image description here

我下一步要做的是附加一个 onClick 或 onItemClick 到其中一个项目。

我不确定这是如何完全起作用的,而且JSX语法似乎并不直截了当。

我的职能是手板感谢任何帮助,在网上上下搜索几天都找不到预先存在的问题。

谢谢

1 回复 | 直到 6 年前

1

Himanshu Pandey 6 年前

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

首先在构造函数中绑定函数,如下所示

这handlePanel=这个。手板。捆绑(这个);
其次,调用组件内部的函数作为

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