No this in React

nothis.jsx

import React from 'react'
// ... other imports

import nothis from '../shared/nothis'

export default nothis({
  willMount,
  render,
})

function render({ state: { loading, card }, setState }) {
  return (
    <div className="card">
      { loading && <Spinner /> }
      { !loading && (
        <div>
          <span>{ card.name }</span>
          <a onClick={remove}>Remove</a>
        </div>
      ) }
      <span>{ card.name }</span>
    </div>
  )

  async function remove() {
    setState({ loading: true })
    await remove(card.id)
    setState({ loading: false, card: undefined})
  }
}

async function willMount({ setState }) {
  setState({ loading: true })
  const card = await fetchCard()
  setState({ card, loading: false })
}