tpetrina

let registration = {
  username: "username",
  password: "password",
  isRegistering: false,

  onRegister: r => {
    r.isRegistering = true
    setTimeout(() => {
      r.isRegistering = false
    }, 2000)

tpetrina

componentWillMount() {
  let proxy = {}

  for (var i in this.state) {
    if (typeof this.state[i] === "function") {
      this.foos[i] = state[i].bind(null, proxy)
    } else {
      let key = i
      Object.defineProperty(proxy, key, {
        set: value => this.setState({ [key]: value }),

tpetrina

let registration = {
  // ommitted for brevity
  setUsername: (r, e) => {
    let value = e.target.value
    value = value.replace("-", "")
    r.username = value
  }
}

tpetrina

const hoc = Wrapped =>
  class extends React.Component {
    render() {
      // pass props from parent to the wrapped component
      return <Wrapped {...this.props} />
    }
  }

// usage:
const WrappedComponent = hoc(SomeComponent)