ノード間の部分出力はどのようにすることができますか？

Question

一つはhyperHTMLの機能を読んで、私の目を引い：ノード

間

• 部分の出力Iが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ファイルに各モーダルを1回追加してから、UIの状態が変更されると、各モーダルが変更されて更新されます。