React przekazanie funkcji jako parametr do innego komponentu

Question

Witam, jaka jest roznica w przekazaniu funkcji jako parametr do innego komponentu, z opakowaniem w inną funkcję oraz bez tego

<Test fun={this.myFunction}>

vs

<Test fun={()=>this.myFunction()}>

 

Answer 1

Rożnica jest tak że w przypadku fun={()=>this.myFunction()} przy każdym renderze tworzysz nową funkcje więc komponent <Test /> Dostaje nowe propsy a skoro dostaje nowe propsy to również się prze renderuje.

W przypadku fun={this.myFunction} nie tworzysz nadmiarowych funkcji które nic nie dają. A dodatkowo komponent <Test /> może unikać ponownego renderowania ponieważ props rzadziej się zmienia ;)