• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript kaiju.h函数代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中kaiju.h函数的典型用法代码示例。如果您正苦于以下问题:TypeScript h函数的具体用法?TypeScript h怎么用?TypeScript h使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。



在下文中一共展示了h函数的9个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: h

 const itemEls = state.items.map(item => (
   h('li', { key: item }, [
     h('span', String(item)),
     h('input', { props: { value: 'bla' } }),
     h('button', { events: { onClick: deleteRow.with(item) } }, '✕')
   ])
 ))
开发者ID:AlexGalays,项目名称:kaiju,代码行数:7,代码来源:index.ts


示例2: render

function render({ props, state }: RenderParams<Props, State>) {
  const { users } = props
  const { count } = state

  const usersEl = users.type === 'success'
    ? h('ul', users.data.map(u => h('li', u)))
    : h('div', 'Loading...')

  return h('div', [
    h('p', `count = ${count}`),
    h(`button.${styles.incrementButton}`, { events: { click: increment } }, 'increment'),
    fadeIn(usersEl)
  ])
}
开发者ID:AlexGalays,项目名称:kaiju,代码行数:14,代码来源:view.ts


示例3: return

 return (children: VNode[], sel: string) => {
   const props = {
     key: 'groupAnimation',
     animations,
     hook: { prepatch }
   }
   return h(sel, props, children)
 }
开发者ID:AlexGalays,项目名称:kaiju,代码行数:8,代码来源:groupAnimation.ts


示例4: link

export default function link({ href, label, isActive = false }: LinkProps) {

  return (
    h('a', {
      class: { [styles.link]: true, [styles.active]: isActive },
      attrs: { href, 'data-nav': 'mousedown' }
    }, label)
  )
}
开发者ID:AlexGalays,项目名称:kaiju,代码行数:9,代码来源:link.ts


示例5: render

  function render({ state }: RenderParams<Props, State>) {
    const itemEls = state.items.map(item => (
      h('li', { key: item }, [
        h('span', String(item)),
        h('input', { props: { value: 'bla' } }),
        h('button', { events: { onClick: deleteRow.with(item) } }, '✕')
      ])
    ))

    return h('ul', itemEls)
  }
开发者ID:AlexGalays,项目名称:kaiju,代码行数:11,代码来源:index.ts


示例6: render

function render({ props }: RenderParams<Props, State>): Node[] {
  const { router, route, child } = props

  return [

    h(`div.${style.screenLayer}`, [
      h(`header.${style.header}`, [
        link({
          href: href(router, 'page1', { id: '33' }),
          label: 'Page 1',
          isActive: route.isIn('page1')
        }),
        link({
          href: href(router, 'page2', {}),
          label: 'Page 2',
          isActive: route.isIn('page2')
        })
      ]),
      slideDown(child, 'main')
    ]),

    h('div', { attrs: { 'data-popup-layer': true } })
  ]
}
开发者ID:AlexGalays,项目名称:kaiju,代码行数:24,代码来源:view.ts


示例7: h

const emptyVNode = () => h('div', { key: '_emptyVNode' })
开发者ID:AlexGalays,项目名称:kaiju,代码行数:1,代码来源:router.ts


示例8: h

 enter: () => () => h('h1', { key: 'notFound' }, '404 :-('),
开发者ID:AlexGalays,项目名称:kaiju,代码行数:1,代码来源:index.ts


示例9: view

export default function view() {
  return h('h1', { key: 'page2' }, 'Page 2')
}
开发者ID:AlexGalays,项目名称:kaiju,代码行数:3,代码来源:view.ts



注:本文中的kaiju.h函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript karma.Server类代码示例发布时间:2022-05-25
下一篇:
TypeScript kafka-node.Producer类代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap