Using async and await to refactor react form components

CurrentStyle.jsx

class MyComponent extends Component {
  constructor() {
    super()
    this.handleFormSubmit = this.handleFormSubmit.bind(this)
    this.handleCreateSuccess = this.handleCreateSuccess.bind(this)
    this.handleCreateError = this.handleCreateError.bind(this)
  }
  
  handleFormSubmit(values) {
    return this.props.createModel(values)
      .then(this.handleCreateSuccess)
      .catch(this.handleCreateError)
  }

  handleCreateSuccess(res) {
    this.props.onAdd(res.body)
  }

  handleCreateError(err) {
    toastr.error(err, 'Failure')
  }
}

ProposedStyle.jsx

class MyComponent extends Component {
  handleFormSubmit = async (values) => {
    try {
      const { createModel, onCreated } = this.props
      const res = await createModel(values)
      onCreated(res.body)
    } catch (err) {
      toastr.error(err, 'Failure')
    }
  }
}