Tak viděl jsem to v codebase v poslední době. Implicitní výnos z onClick
<Button onClick={() => history.push('/urlTing') }>
Ting
</Button>
Je to velký ne-ne? Nebo je to lepší? Nějaké informace by ocenili. Jak se zdá, poskytnout požadované chování.
Samozřejmě tady je to, co to vypadá bez implicitní return.
<Button onClick={() => {
history.push('/urlTing');
}}>
Ting
</Button>
To neznamená, že rozdíl. Pokud nechcete implicitní výnos při zachování jednoho-line formát, použijte void klíčové slovo:
<Button onClick={() => void history.push('/urlTing') }>
Ting
</Button>
Není nic špatného s implicitní return. Na onClick event handler je návratová hodnota není používán reagovat. Za dokumenty https://reactjs.org/docs/handling-events.html
Další rozdíl je, že nelze vrátit
falseaby se zabránilo výchozí chování Reagovat. Musíte zavolatpreventDefaultexplicitně.
Proto, to nezáleží na tom, co váš handler vrátí, nebo když se vrátí, vůbec nic.
Vytvoření zpětné volání na každém vykreslení uvnitř značky, samo o sobě není nejlepší praxe. Zpět k otázce: hlavní rozdíl, jak jste zmínil, je mezi návratovou hodnotu. Pochybuji, že onClick API od Reagovat se to někdy změní. Ale pokud v budoucnu bude nějaká návratová hodnota se očekává - to je místo, kde můžete dostat se do nějaké potíže, pokud jste DĚLAT něco vrátit.
Pravidlo: pokud si nejste požádáni, aby něco vrátit - nedělej to.