Офисный пользовательский интерфейс Fabri c People Picker, передавайте переменные в onChangeEvent

Question

Хотелось бы узнать, есть ли возможность добавить переменную в событие onchange по умолчанию для офисного интерфейса пользователя c реагировать на компонент выбора людей.

В событии onchange значение по умолчанию: onChange?: (items?: IPersonaProps[]) => void

Я хотел бы передать переменную для добавления в массив, такой как Key Value, для использования позже в моем коде.

Answer 1

Вы можете построить HO C для достижения этой цели.

Определить

// Your HOC component

interface Props {
  yourCustomState: string // get custom value from props
...


return (
  <>
    <Select
      onChange={(e: any) => onChange(e, yourCustomState)} // add custom value to callBack function
  ...

Использование

handleOnChangeEvent = () => (event, yourCustomStateValue: string) => {
  console.log(yourCustomStateValue);
  ... // event
}

<YourComponent
  yourCustomState={value}
  onChange={this.handleOnChangeEvent()}
...