import React from 'react'

const PoemList = (props) => {
  return (
    <ul>
      {props.store.poems.map((poem, i) => {
        return (
          <li key={i}>{poem.body}
            <button onClick={() => { props.actions.delete(poem) }}>
              delete
            </button>
          </li>
        )
      })}
    </ul>
  )
}

export default PoemList

import React from 'react'

const PoemList = (props) => {
  return (
    <div>
      {props.store.poems.map((poem, i) => {
        return (
          <p key={i}>{poem.body}
            <button onClick={() => { props.actions.delete(poem) }}>
              delete
            </button>
          </p>
        )
      })}
    </div>
  )
}

export default PoemList

Change list tag to div
Change list tag to div
