VUE3+TS 页面中写if,写循环

{state.remittanceList.length !== 0 && (
  <div>
    <div class={[styles['order-index-body-top-detail'], 'padding-none',        'order-index-body-top-detail-el']}>
      <div class={styles['order-son']}>
           <el-collapse accordion>
               <el-collapse-item
                   v-slots={{
                     title: () => <div class={[styles['title'], 'padding-left-30']}>付汇信息</div>,
                   }}
                >
                  <div class={[styles['importer-info'], 'padding-none']}>
                    <el-row gutter={22}>
                       {state.remittanceList.map((item) => {
                         return (
                           <el-col span={8}>
                             <div class={styles['payment-info-one']}>
                               <div class={styles['payment-info-one- left']}>
                                  {item.handle}
                               </div>
                             </div>
                           </el-col>
                         )
                         })}
                   </el-row>
               </div>
               <div class={styles['middle']}></div>
              </el-collapse-item>
             </el-collapse>
            </div>
          </div>
          <div class={styles['middle']}></div>
      </div>
  )}

页面的单个if,在js中,用v-if,在ts中的写法是 {state.test == 0 && (  )} , (  )中写页面的内容, 要求必须为单个的闭合标签

页面的三元,写法为{state.serviceType === 0 ? <CarTable /> : <ResourcesTable  />}

页面的循环,在js中用v-for , 在ts中写法为 state.priceList.map((item, i) => (  )} ,在(  )中写内容,必须为单个的闭合标签