Man droši vien to vajadzēja iemācīties jau sen, bet diemžēl, šeit mēs esam. Izrādās, ka jūs varat pateikt, kuru funkciju vēlaties izmantot JSX. Jā, JSX patiešām ir tikai viena primārā transformācija, ko tā dara. Tas leņķa iekavas JavaScript padara par funkciju izsaukumu. Tātad, ja jūs rakstāt šādu rindiņu JavaScript:
Hello Pēc apstrādes (iespējams, izmantojot Babel un JSX spraudni), pēc noklusējuma jūs saņemsit:
React.createElement("div", ( class: "big" ), "Hello");Bet, ja jūs iekļaujat direktīvas komentāru, kurā JSX tiek norādīts, ka vēlaties izmantot savu funkciju, varat mainīt šo rezultātu:
/* @jsx myFunction */ Hello Kļūst par:
/* @jsx myFunction */ myFunction("div", ( class: "big" ), "Hello");Tas nozīmē, ka mēs varam uzrakstīt paši savu funkciju. Kaut kā dīvaini, bet labi.
Faktiskais izmantošanas gadījums ir bibliotēkām, kuras nav reaģējušas, piemēram, Preact. To uzzināju, aplūkojot Džeisona Millera piemērus:
Vue var izdarīt arī šādā veidā. Ņemiet vērā, ka gan Vue, gan Preact piegādā šo īpašo hfunkciju, kas paredzēta šim nolūkam:
Valeri Karpovam ir arī daži interesanti lietošanas gadījumi viņu emuāra ziņā “Pārskats par JSX ar 3 nereaģējošiem piemēriem”.