React Material-ui, Comment savoir si je peux utiliser onClick pour un bouton ?

Question

La liste des propriétés sur le doc ne comprend pas onClick (http://www.material-ui.com/#/components/icon-button)

Comment savoir si j'ai besoin d'utiliser onClick pour le gestionnaire de clics ?

Answer 1

La documentation de Material-UI ne répertorie pas les événements React standard (navigateur natif) :

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

Cela est dû au fait qu'il est prévu que vous soyez déjà au courant des événements natifs disponibles. Par exemple, vous pouvez également utiliser onWheel. Ce serait une liste longue et redondante si tous les événements natifs étaient inclus.

Comme l'explique kouak, d'autres attributs (comme onClick) sont transmis à un composant enfant pertinent.

Exemple aléatoire :

 { console.log('onClick'); }}>
    Primary

Answer 2

Vous pouvez ajouter un wrapper sur le pour obtenir l'événement onClick.

Exemple

render() {
  return 

}

Cela devrait certainement fonctionner...

Answer 3

Il suffit d'ajouter onClick aux props que vous transmettez à .

Les props qui ne sont pas citées dans la documentation sont transmises à leur composant interne qui va bien gérer onClick.

Voir ici : https://github.com/callemall/material-ui/blob/master/src/IconButton/IconButton.js#L241