lists from yaml > react

list.md

Have been talking about the best way to get data out of the yaml to then map in a component like the below

<ul>
  {listItems.map(item => (
    <li>
      {item}
    </li>
  ))}
</ul>

Option 1

 listItems:
  one: list item one
  two: list item two
  three: list item three

const listItems = Object.values(getCopy('listItems'))

Option 2

listItems:
  one: list item one
  two: list item two
  three: list item three

const listItems = [
	getCopy('listItems.one'),
	getCopy('listItems.two'),
	getCopy('listItems.three')
]

Option 3

  listItems: list item one, list item two, list item three

const listItems = getCopy('listItems').split(',')