Cacher is the code snippet organizer for pro developers

class Expenses extends React.Component {
  state = {
    expenses: []
  }

  componentDidMount() {
    fetch('/api/expenses').then(res => {
      return res.json()
    }).then(rawExpenses => {
      const expenses = rawExpenses.map(r => ({
        category: r.cat,
        date: moment(r.date),
        description: r.desc,
        amount: r.amount.toFixed(2)
      }))

      this.setState({
        expenses
      })
    })
  }

  render() {
    const {expenses} = this.state

    return (
      <div>
        {
          expenses.map(e => (
            <div>
              <div>{e.date}</div>
              <div>{e.category}</div>
              <div>{e.description}</div>
              <div>{e.amount}</div>
            </div>
          ))
        }
      </div>
    )
  }
}