React funkcja strzałkowa dziwny zapis

Question

Witam

Dzisiaj dodałem do mojego projektu react dodatek formik, spotkałem się z dziwnym zapisanem jakim jest render={() => ()}, zdziwiły mnie okrągłe nawiasy zamiast klamrowych, może mi ktoś wytłumaczyć jaka jest różnica między takim zapisem () => () a takim () => {} ?

Answer 1

To są render props. a te nawiasy oznaczają po prostu, że zwracasz JSX.

Answer 2

Według MDN jest to object literal expression:

https://developer.mozilla.org/pl/docs/Web/JavaScript/Reference/Functions/Funkcje_strzalkowe

Lepiej wyjaśnione jest to tutaj:

https://blog.mariusschulz.com/2015/06/09/returning-object-literals-from-arrow-functions-in-javascript

Comments

zrobiłem na szybko komponent i zrobiłem props tz

<Card 
   links={()=>(
     <p>test</p>
   )}
/>

a w card

return (
    { this.props.links() }
)

i spróbowałem zrobić raz z klamrowymi i raz z okrągłymi i doszedłem do wniosku że przy okrągłych mogę przekazać html a w klamrowych, ale nie wiem czy dobrze to zrobiłem

---

Nie znam zbyt dobrze Reacta ale z tego co widziałem to używali tego zdaje się z setState().