JSFiddle - React, Tailwind, and code Playground

by jamesbrndwgn

JavaScript

function createList({ list = [] } = {}) {
  if (!Array.isArray(list)) throw 'List must be an array'
  
  return `
    <ul>
      ${list.map((item) => {
        return `
          <li>
            ${item.title}
          </li>
        `
      })}
    </ul>
  `
}

function createListAlt({ list }) {
  list = list || []
  return `
    <ul>
      ${list.map((item) => {
        return `
          <li>
            ${item.title}
          </li>
        `
      })}
    </ul>
  `
}

document.body.innerHTML = createList({ list: { item: 'foo' } })