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

TypeScript preact.h函数代码示例

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

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



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

示例1: render

 render() {
   if (!this.state.latest) {
     return h(Loading, null);
   }
   const notebookList = this.state.latest.map(info => {
     const snippit = info.doc.cells.map(normalizeCode)
       .join("\n")
       .slice(0, 100);
     const href = nbUrl(info.nbId);
     return h("li", null,
       h("a", { href },
         notebookBlurb(info.doc, false),
         snippit
       ),
     );
   });
   return h("div", { "class": "most-recent" },
     h("button", {
       "class": "create-notebook",
       "onClick": () => this.onCreate(),
     }, "Create Empty Notebook"),
     h("h2", null, "Recently Updated"),
     h("ol", null, ...notebookList),
   );
 }
开发者ID:Befirst-Solutions,项目名称:propel,代码行数:25,代码来源:notebook.ts


示例2: div

export const PropelIndex = (props) => {
  return div("index",
    h(Splash, props),
    h(Intro, null),
    h(UseIt, null),
    h(Perks, null),
    h(ReferencesFooter, null),
  );
};
开发者ID:Befirst-Solutions,项目名称:propel,代码行数:9,代码来源:website.ts


示例3: readFileSync

export const References = (props) => {
  const refhtml = readFileSync(__dirname + "/references.html", "utf8");
  return div("references",
    h(GlobalHeader, { subtitle: "References" }),
    p("This work is inspired by and built upon great technologies."),
    h("div", {
      dangerouslySetInnerHTML: { __html: refhtml },
    }),
  );
};
开发者ID:Befirst-Solutions,项目名称:propel,代码行数:10,代码来源:website.ts


示例4: GlobalHeader

export function GlobalHeader(props) {
  return h("div", { "class": "global-header" },
    h("div", { "class": "global-header-inner" },
      h(PropelLogo, {
        subtitle: props.subtitle,
        subtitleLink: props.subtitleLink,
      }),
      h("div", { "class": "global-header-right" }, ...props.children)
    ),
  );
}
开发者ID:Befirst-Solutions,项目名称:propel,代码行数:11,代码来源:common.ts


示例5: notebookBlurb

function notebookBlurb(doc: db.NotebookDoc, showDates = true): JSX.Element {
  const dates = !showDates ? [] : [
    h("p", { "class": "created" }, `Created ${fmtDate(doc.created)}.`),
    h("p", { "class": "updated" }, `Updated ${fmtDate(doc.updated)}.`),
  ];
  return h("div", { "class": "blurb" }, null, [
    h(Avatar, { userInfo: doc.owner }),
    h("p", { "class": "displayName" }, doc.owner.displayName),
    ...dates
  ]);
}
开发者ID:Befirst-Solutions,项目名称:propel,代码行数:11,代码来源:notebook.ts


示例6: nbUrl

 const notebookList = this.state.latest.map(info => {
   const snippit = info.doc.cells.map(normalizeCode)
     .join("\n")
     .slice(0, 100);
   const href = nbUrl(info.nbId);
   return h("li", null,
     h("a", { href },
       notebookBlurb(info.doc, false),
       snippit
     ),
   );
 });
开发者ID:Befirst-Solutions,项目名称:propel,代码行数:12,代码来源:notebook.ts



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


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
TypeScript preact.render函数代码示例发布时间:2022-05-25
下一篇:
TypeScript prando.next函数代码示例发布时间: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