How to define a value change function in an input managed bean?

Question

typescript

Input Component:

import React from 'react'
import classes from "./AppInput.module.css"

interface Input {
  placeholder: string,
  type: string,
  value: string,
  // Тут, как я понял, нужно определить onChange,  но как это должно выглядить?
 // Аналогичный вопрос к определению keyDown
}

const AppInput: React.FC<Input> = ({placeholder, type, value, onChange}) => {

    return (
        <input className={classes.input}  placeholder={placeholder} type={type} value={value} onChange={onchange}/>
    )
}

export default AppInput

parent component

<AppInput type="text" placeholder="Какой-то текст." value={value} onChange={(e) => setValue(e.target.value)} onKeyDown={enterKey} />

Answer 1

onChange: (event: React.ChangeEvent<HTMLInputElement>) => void

onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void

Search here .