vanilla-jsx / vanilla-jsx Goto Github PK

return (
    <>
      <SingleComponent prop={value} />
      {anArrayOfComponents}
    </>
  )

exports.Fragment = ({ children } = {}) => {
  const fragment = document.createDocumentFragment();

  if (!!children) {
    const flat = flattenChildren(children)
    flat.forEach(child => {
      fragment.appendChild(child)
    })
  }

  return fragment;
}

function flattenChildren (children) {
  let flat = []
  if (Array.isArray(children)) {
    children.forEach((child) => {
      flat = flat.concat(flattenChildren(child))
    });
  } else {
    flat.push(children);
  }
  return flat
}