# JSX & TSX ## Enable JSX & TSX About how to enable JSX & TSX please look at your toolchain's docs. ## Use Component We recommend importing component directly when using JSX. ```js import { defineComponent } from 'vue' import { NButton } from 'naive-ui' export default defineComponent({ render () { return {{ default: () => 'Star Kirby' }} } }) ``` ## Props look like @update:\* In naive-ui, all props look like `on-update:*` has a corresponding `onUpdate*` prop (since in JSX `onUpdate:*` is not a valid prop name). If you find it doesn't exist, I must forget to make it. Please create an issue or PR. For example, `` in template can be written in ``.