Quand mettre des parenthèses avec React ?

Mettre des parenthèses ou ne pas en mettre... Voilà un sujet qui peut sembler bien compliqué lorsque nous débutons avec React ! Découvrons ensemble quand en mettre et quand ne jamais en mettre.

Les situations où il faut mettre des parenthèses

Lorsque nous souhaitons éxecuter immédiatement la fonction :

maFonction();

Ou encore lorsque nous souhaitons passer des paramètres :

<MonComposant maProp={() => maFonction(‘Elon’)} />

Les situations où il ne faut pas mettre des parenthèses

Lorsque nous souhaitons juste passer la référence d'une fonction / méthode à un composant, pour que celui-ci puisse l'éxecuter plus tard :

<MonComposant maProp={maFonction} />