Ma oleksin pidanud selle ilmselt juba ammu õppima, aga paraku, siin me oleme. Tuli välja, et saate öelda, millist funktsiooni soovite JSX-il kasutada. Jep, JSX-il on tegelikult ainult üks esmane teisendus, mida ta teeb. See muudab JavaScripti nurksulgudes funktsioonikõne. Niisiis, kui kirjutate JavaScripti sellise rea:
Hello Pärast töötlemist (tõenäoliselt koos Babeli ja JSX-i pistikprogrammiga) saate vaikimisi:
React.createElement("div", ( class: "big" ), "Hello");Kuid kui lisate direktiivi kommentaari, mis ütleb JSX-le, et soovite oma funktsiooni kasutada, saate seda väljundit muuta:
/* @jsx myFunction */ Hello Muutub:
/* @jsx myFunction */ myFunction("div", ( class: "big" ), "Hello");See tähendab, et saame ise oma funktsiooni kirjutada. Päris imelik, aga OK.
Tegelik kasutusjuht on mitte-reageerivate teekide jaoks, näiteks Preact. Sain selle teada Jason Milleri näiteid vaadates:
Vue saab teha ka sel viisil. Pange tähele, et nii Vue kui ka Preact tarnivad selle spetsiaalse hfunktsiooni, mis on selleks loodud:
Valeri Karpovi blogipostituses „Ülevaade JSX-st koos kolme mittereageeriva näitega“ on ka huvitavaid kasutusjuhtumeid.