ES5 vs ES6 edit callback

gutenberg_es5_vs_es6.js

// the edit callback for wp.blocks.registerBlockTypes()

/**
* ES5
*
*/

edit: function( props ) {
  var attributes = props.attributes,
      setAttributes = props.setAttributes,
      className = props.className,
      id = props.id;
  return element( 'div', { className: classname }, __( 'Who', 'ex2-plainjs' ) + ': ' + attributes.who )
}

/**
* ES6
*
*/

edit: function({attributes, setAttributes, className, focus, id}) {
  return element( 'div', { className: classname }, __( 'Who', 'ex2-plainjs' ) + ': ' + attributes.who )
}