本文整理汇总了TypeScript中virtual-dom/h.h函数的典型用法代码示例。如果您正苦于以下问题：TypeScript h函数的具体用法？TypeScript h怎么用？TypeScript h使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了h函数的6个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: renderPosts
function renderPosts(posts: Pair<PostInfo, PostContent>[]): Html {
return h(
"div",
{},
posts.map(p =>
h("div", {}, [h("h2", {}, String(p[0].date)), h("div", {}, p[1])])
)
);
}示例2: renderTopics
function renderTopics(topics: { [word: string]: number }): Html {
return h(
"ul",
{},
Object.keys(topics).map(topic => {
return h("li", {}, `${topic} - ${topics[topic]}`);
})
);
}示例3: renderPage
function renderPage(left: Html, main: Html): Html {
return h("div", { style: { display: "flex" } }, [
h("div#left", { style: { width: 200 } }, [left]),
h("div#main", { style: { flex: 2 } }, [main]),
]);
}示例4: h
posts.map(p =>
h("div", {}, [h("h2", {}, String(p[0].date)), h("div", {}, p[1])])示例5: renderPostList
function renderPostList(posts: Pair<PostInfo, PostContent>[]): Html {
return h("ul", {}, posts.map(p => h("li", {}, p[1])));
}示例6: renderSidePane
function renderSidePane(popular: Html, topics: Html): Html {
return h("section", {}, [
h("div#popular", {}, [h("h2", {}, "Popular"), popular]),
h("div#topics", {}, [h("h2", {}, "Topics"), topics]),
]);
}