如何完成節點間的部分輸出？

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狀態變化，它會更新與變化的各模態。