simple.jsx

import { useState } from 'react'
const FormView = ({ count }) => (
  <p>{count}</p>
)
const ActionView = ({ handleClick }) => (
  <button 
    onClick={handleClick}
  >
    count up
  </button>
)
const App = props => {
  const [count, setCount] = useState(0)
  const succ = v => v + 1
  const increment = event => setCount(succ)
  return (
    <>
      <FormView count={count} />
      <ActionView handleClick={increment} />
    </>
  )
}

export default App