how to use jsx in browser env directly, instead of the vue project

[honghh2018]

Hi everyone,
In my question, there are need to be used the jsx to add the tag dynamically in html, but i can not be worked for me,
how to fix this issue?
any advices would be appreciated.

会员注册

---

1.会员注册需要和管理员联系获取邀请码才能进行注册。

<script> const main = { setup() { function ListRender(){ return <>

这是一个jsxtext

} return { } } } const app = Vue.createApp(main) app.config.compilerOptions.delimiters = ['${', '}'] app.use(ElementPlus) app.mount("#app") </script>

Best,
hanhuihong

[qin-guan]

Hello @honghh2018 ,

It is not possible to use JSX in browser directly as it requires transpilation by Babel.

However, you can use the render functions directly

https://vuejs.org/guide/extras/render-function.html