Как определить функцию изменение value в управляемом компоненте input?

Question

[700Hp]

Компонент Input:

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

Родительский компонент

<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

Искать тут.

Comments

[700Hp]

Спасибо!

[WbICHA]

700Hp, только проще не искать где-то там, а тупо навести мышку на:

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

[Александр]

WbICHA, проще, если редактор может. А так, я считаю, весьма полезно уметь анализировать .d.ts файлы.

[WbICHA]

Александр,

проще, если редактор может.

Если редактор не может, значит надо сменить редактор.

весьма полезно уметь анализировать .d.ts файлы.

Естественно, только анализировать их в разы проще через свой редактор, а не через гитхаб.

[Rerurk]

WbICHA, это да. .....