EventHelper.js

export function preventDefault (func, ...args) {
  return e => {
    e.preventDefault()
    func(...args)
  }
}

export function targetValue (func, ...args) {
  return e => {
    func(e.target.value, ...args)
  }
}

export function targetValueNumber (func, ...args) {
  return e => {
    func(Number(e.target.value), ...args)
  }
}

// usage
<a href='#add' onClick={preventDefault(handleAdd)} >add item</a>