Controlled input

Tai, kai onChange event input value saugai useState value

import { useState } from 'react'
import { createRoot } from 'react-dom/client'

function ControlledInput Example() {
  const [value, setValue] = useState('')

  return (
    <div>
      <input
        value={value}
        onChange={event => {
          setValue(event.currentTarget.value.replace(/koala/gi, "'))
        }}
      />
      <p>You typed: {value}</p>
    </div>
  )
}

const rootEl = document.createElement('div')
document.body.append(rootEl)
createRoot(rootEl).render(<ControlledInputExample />)