javascript - 节点之间的部分输出怎么做？

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 状态发生更改，它将使用更改更新每个模态。

在此处查看示例：https ://jsfiddle.net/luwes/xcz3d79f/