vue下tsx语法写vant4的 单选框

可以使用Vant 4中的`Radio`组件来实现单选框功能。下面是一个使用TSX语法写Vant 4单选框的示例代码：

import { defineComponent, ref } from 'vue';
import { Radio } from 'vant';

export default defineComponent({
  setup() {
    const radioValue = ref('');

    const onChange = (value: string) => {
      radioValue.value = value;
    };

    return () => (
      <div>
        <Radio v-model={radioValue.value} label="1" onChange={onChange}>
          选项一
        </Radio>
        <Radio v-model={radioValue.value} label="2" onChange={onChange}>
          选项二
        </Radio>
        <Radio v-model={radioValue.value} label="3" onChange={onChange}>
          选项三
        </Radio>
      </div>
    );
  },
});

在上面的代码中，我们首先引入了Vant中的`Radio`组件，然后定义了一个`radioValue`变量来保存当前选中的值。接着定义了一个`onChange`方法来处理选项改变时的逻辑。最后在返回的函数中使用`Radio`组件来渲染单选框，并绑定了`v-model`指令来实现数据的双向绑定，同时绑定了`label`和`onChange`属性来完成单选框的选项值和选项改变事件的设置。

注意：在使用Vant 4的TSX语法时，需要先安装`@vue/babel-plugin-jsx`插件，并在`.babelrc`文件中配置插件的使用，以支持TSX语法的编译。