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/

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

1 个答案: