reactjs - react - reaccionar Material-ui, ¿Cómo sé que puedo usar el botón Hacer clic para?

material ui upload button

Question

La lista de propiedades en el documento no incluye onClick ( http://www.material-ui.com/#/components/icon-button )

¿Cómo sé que necesito usar el controlador onClick for click?

Answer 1

La documentación de Material-UI no muestra los eventos estándar React (navegador nativo):

https://facebook.github.io/react/docs/events.html#mouse-events

Esto se debe a que se espera que ya conozca los eventos nativos disponibles. Por ejemplo, también puede utilizar onWheel . Sería una lista larga y redundante si se incluyeran todos los eventos nativos.

Como explica kouak , otros accesorios (como onClick ) se pasan a un componente secundario relevante.

Ejemplo aleatorio:

<Button color="primary" onClick={() => { console.log(''onClick''); }}>
    Primary
</Button>

Answer 2

Puede agregar un contenedor sobre el <IconButton/> para obtener el evento onClick .

Ejemplo

render() {
  return <div class="font-icon-wrapper" onClick={this.fontIconClick}>
    <IconButton iconClassName="muidocs-icon-custom-github" />
  </div>
}

Esto definitivamente debería funcionar ...

Answer 3

Simplemente agregue onClick a los accesorios que transmite a <IconButton /> .

Los complementos que no se citan en el documento se transmiten a su componente interno <EnhancedButton /> que se encargará de hacer onClick en bien.

Consulte aquí: https://github.com/callemall/material-ui/blob/master/src/IconButton/IconButton.js#L241