Improve clarity and fix error

[smith558]

No description provided.

[smith558]

Can I get an input here? @mluukkai Which one of these is actually the preferred "standard" in React?

const Button = ({ handleClick, text }) => (
  <button onClick={handleClick}>
    {text}
  </button>
)

<Button handleClick={handleButtonClick} text="Click me" />

or

const Button = ({ onClick, text }) => (
  <button onClick={onClick}>
    {text}
  </button>
)

<Button onClick={handleButtonClick} text="Click me" />

?

I've realised I just seen multiple conflicting resources? Also, the rest of he page https://fullstackopen.com/en/part1/a_more_complex_state_debugging_react_apps/ needs to be updated to be made consistent, but before that, I want to confirm.