How tsx uses traisntion component?

[cy-6359]

This is not feasible...

[cy-6359]

Problem solved...

import { defineComponent, onMounted, PropType, reactive, ref, render, Transition } from "vue";
...
return () =>  
      <div onClick={e => { stop_propagation(e) }} onContextmenu={e => { if (e.button === 2) { stop_propagation(e, true, true) } }}
        class={[props.is_vague ? 'backdrop-filter' : '', 'cloud-container dark:bg-black dark:bg-opacity-40 select-none text-md text-white w-full h-full bg-black bg-opacity-60 fixed z-40 top-0']}>
        <div class={'w-11/12 sm:w-5/6 md:w-2/4 lg:w-3/6 xl:w-5/12 p-2 absolute rounded-lg left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 dark:bg-white dark:text-black dark:bg-opacity-95 bg-gray-800'}>

          <Transition name="fade" mode="out-in">
            {data.show_type === 1 ? only_view : modify}
          </Transition>

        </div>
      </div >

[luqiudi]

你好,问下,jsx 自动补全的时候总把class 补全成className怎么办