本文整理汇总了TypeScript中snabbdom/h.h函数的典型用法代码示例。如果您正苦于以下问题：TypeScript h函数的具体用法？TypeScript h怎么用？TypeScript h使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了h函数的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: h
const QuoteMenu = (store: Store) => {
return h('div.nfe-quote-action-menu-content', [
h('ul', [
MenuItem(store, removeCurrentQuote(), 'Remove this quote'),
MenuItem(store, selectNewQuote(), 'See another quote'),
MenuItem(store, startEditing(), 'Enter custom quote...'),
]),
]);
};示例2: h
const customQuotes = () => {
if (state.customQuotes.length > 0) {
return h('label', state.customQuotes.length + ' custom quotes');
}
return h(
'label',
'You can now add your own custom quotes! ' +
'Just click the arrow menu beside the quote text.'
);
};示例3: h
const Icon = (svgPath: string) => (color: string) =>
h(
'svg',
{
attrs: {
x: '0px',
y: '0px',
width: '32px',
height: '32px',
viewBox: '0 0 32 32',
'enable-background': 'new 0 0 32 32',
},
},
[h('path', { attrs: { fill: color, d: svgPath } })]
);示例4: wrap
private wrap(children: Array<VNode>) {
const {tagName, id, className} = this.rootElement;
const selId = id ? `#${id}` : '';
const selClass = className ?
`.${className.split(` `).join(`.`)}` : '';
return h(`${tagName.toLowerCase()}${selId}${selClass}`, {}, children);
}