基本用法
为了使用 JSX,你必须做两件事。
In order to use JSX you must do two things.
- 使用
.tsx
扩展名命名您的文件JpRjUbpTxL4k4+tbg8ntv1BmWyfb2IS2CpVrM+tQQtXTfs5BXT5VDLwIb6qGZh8DXin4meBEz/WbexPfB8Pvyg==
- 启用
jsx
选项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
模式 0y7B5yw5a3vA2sO/2MSf0g== | 输入 1Wy5DHC2kmQdTNBm1OIjLA== | 输出 igZf0AiLCZOcADWIoU9/DQ== | 输出文件扩展名 g4yTJDfsSWJuHB9BaWK2YBZBdAQoDJU0QJwW3uTfLyU= |
---|---|---|---|
preserve | <div /> | <div /> | .jsx |
react | <div /> | React.createElement("div") | .js |
react-native | <div /> | <div /> | .js |
react-jsx | <div /> | _jsx("div", {}, void 0); | .js |
react-jsxdev | <div /> | _jsxDEV("div", {}, void 0, false, {...}, this); | .js |
zzaXDJI0rQ+qIH7VAdRAW9EEhBzhsUx/OULOJS9xOd4oYwSRCnIlewwmGVlBbseU4IjHyAXWLT0+9/ao5Q9xZzwdNocsRQmW7X6POZx/c9Kb8jc+OcodXARa2JiJOHf+FPTt6V1VqxGMlJauxCqLKrlrEVMLNyW6Zf8nOeysrytZDKQLKiNZUzFPtzOI3q8wChiuJJ+1nTC/0uicR7eyQF66I5pimTm7WOKk79wKXdGHYIgC8jKeZpyZ94hLDabJUlpoOk6xZJvniowqbs7i5PPg1Q5Wy6zwyZrFektrj3m6mVxH73MF44KIKtXJkwTzDBHQ7uGITEBro1FmmJEWKeO2rXr1+xJyK3J1UhWBciXO6cgZdtJDivrUYpqzXy7oM29ap3ptEXesBVgnGL7ELtGVGijZ2Dv8/5HkVNLk1ROF9pirrvibCYqi07z9a7OHkxVX3WkIDrKS8Nr2U+FicVuktEfs02OeDuu6rYtnHIH0XeZ7kAVnW2jhrKOJfVvpWoWTYYHbuWKzY2pkuZ/G174CZJupdO96YY2x2t+BH0WYIeNzjBqKz3ukWzlqxjioUTwxjd2CpPPz8ixBWLcrWmIr/rQPJThfQC0joyQB51nfG1I45zHs3/Ny22SEHeo7j3zbjns5TxCITIfE2Pwjkx9oL252vTwMS6iD6/XfngI=
OaACQRfV0gc730y1yb8TVKqUNNpIg6P/A66Qz0J6vyztSF169ivviaSXXLvKno+ShrSaF/aL5HgVKyGYoH9NNtzJ7JbG8t4harp8Lj+cPhPC/2V5zIF46retLd37Ib7O6QX7QRnycf1/hG+cRml0E+Ar43BmfdBfkiMyIfOUip2bQOKW19APIY4nWCvYiYi8Y+jSukNs3pjgyWJcK+ym6+ugy1hISHsznq+6HRSbcuiLa8KkKd0JrhW+FwJwaSDH/TlukEGbZDAnrZmEKLMYsy8t7eiqDYO4rFe4MW/3Iig2hApNACkVJKtLx1np/kzyasVLMhmkTr0MXZ3TK9tyguJ/rPHJk50ZriQUHm93G0ZO5baFAcjAc6NGA2GzP5W8YMLbNH/7QUYgOrxIFOA4hfepzSGQWSqV64MY/kVApKm64v37Wyy+XnaibDUV97WNVdRjeoysS6UtfumECkDuF6fXlAGRJCjENLYB7ZdP1uBxVOgUxp27j3k58LbkiOROQ7h4llJiUmaYj1+NyDqF8dCI25qIGC6ItSJXOHbn3V0=