What's wrong I made with spread operation on onClick argument?

[zheeeng]

This example works:

render (h) {
  const hi = function () {
    console.log('hello')
  }
  return (
    <div onClick={hi}> click me! </div>
  )
}

It doesn't:

render (h) {
  const hi = function () {
    console.log('hello')
  }
  return (
    <div { ...{ onClick: hi } } > click me! </div>
  )
}

[krasevych]

@zheeeng it should be like this:

render (h) {
  const hi = function () {
    console.log('hello')
  }
  return (
    <div { ...{ on: {click: hi} } } > click me! </div>
  )
}

[nickmessing]

What @krasevych said is correct.