如何完成节点间的部分输出？

Question

有一件事引起了我的眼睛阅读hyperHTML的特点：

• 节点之间的部分输出

我试图呈现更多的元素的数组到document.body，所以不删除现有的那些在html文件中定义。声明性渲染，如果发生变化，将添加元素数组并更新元素。

Answer 1

谢谢，我发现如何做到这一点。这是它的要点。

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状态变化，它会更新与变化的各模态。