Могу ли я указать отдельный обработчик onClick для значка TextField?

Question

Используя компонент, можно ли указать отдельный обработчик onClick для значка оформления?

Код ниже не работает:

  <TextField
    {...passwordTextFieldProps}
    iconProps={{ iconName: 'RedEye', onClick: () => this.setState({ some new state }) }}
  />

Answer 1

Один из вариантов, который следует рассмотреть, - визуализировать значок отдельно :

<div style={{display:'flex', alignItems: 'center'}}>
    <TextField  />
    <Icon iconName="RedEye"  style={{left:'-25px',position:'relative'}} onClick={()=> console.log("Clicked")}  />
</div> 

Демо