Valószínűleg ezt már régen meg kellett volna tanulnom, de sajnos itt vagyunk. Kiderült, hogy meg tudja mondani, hogy a JSX milyen funkciót szeretne használni. Igen, a JSX-nek valójában csak egy elsődleges átalakulása van. A JavaScript szögletes zárójelét függvényhívássá változtatja. Tehát, ha ilyen sort ír be a JavaScript-be:
Hello Feldolgozás után (valószínűleg a Babel és a JSX plugin segítségével) alapértelmezés szerint megkapja:
React.createElement("div", ( class: "big" ), "Hello");De ha hozzáad egy direktívás megjegyzést, amely azt mondja a JSX-nek, hogy a saját függvényét szeretné használni, megváltoztathatja ezt a kimenetet:
/* @jsx myFunction */ Hello Átfordul:
/* @jsx myFunction */ myFunction("div", ( class: "big" ), "Hello");Ez azt jelenti, hogy megírhatjuk a saját függvényünket. Furcsa, de rendben.
A tényleges felhasználás a nem reagáló könyvtárakra vonatkozik, például az Előkészítésre. Ezt megtudtam Jason Miller példáiból:
A Vue így is elvégezhető. Vegye figyelembe, hogy a Vue és az Preact is ezt a speciális hfunkciót szállítja :
Valeri Karpov néhány érdekes felhasználási lehetőséggel is rendelkezik „A JSX áttekintése 3 nem reagáló példával” című blogbejegyzésükben.