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>  

Я использую компонент CommandBar из Office UI Fabric и создал содержимое по своему усмотрению, как показано на прилагаемом изображении:

ЧтоЯ пытаюсь добиться следующего - присоединить onClick или onItemClick к одному из элементов.

Не уверен, как это работает полностью, и синтаксис JSX не выглядит простым.

Моя функция handlePanel любая помощь оценена, просмотрел несколько дней вверх и вниз по сети, не смог найти существующий вопрос.

Спасибо

Answer 1

Привязать имя функции в конструкторе или использовать функцию стрелки для того же.Ниже приведен пример использования связывания в конструкторе

1. Сначала свяжите вашу функцию внутри конструктора, как показано ниже

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

2. Во-вторых, вызвать функцию внутри компонента как

   handlePanel () {// написать код здесь}