阅读 hyperHTML 的功能时,有一件事引起了我的注意:
- 节点间的部分输出
我正在尝试将一组附加元素呈现给document.body
,因此不删除在 html 文件中定义的现有元素。一个声明式渲染,它将添加元素数组并在发生更改时更新元素。
阅读 hyperHTML 的功能时,有一件事引起了我的注意:
我正在尝试将一组附加元素呈现给document.body
,因此不删除在 html 文件中定义的现有元素。一个声明式渲染,它将添加元素数组并在发生更改时更新元素。
谢谢,我知道怎么做。这是它的要点。
function update(modals) {
appendOnce(render(modals));
}
function render(modals) {
return html`${modals.map(renderModal)}`;
}
function renderModal(modal) {
return wire(modal)`
<div>${modal.id}</div>
<h2>It is ${new Date().toLocaleTimeString()}.</h2>
`;
}
它将每个模态附加到现有的 html 文件一次,然后如果 UI 状态发生更改,它将使用更改更新每个模态。