How to get value from Input on form submission using TypeScript?

Question

typescript

Usually I did this with JS, but it doesn’t work with TS, an error is displayed :

Element implicitly has an 'any' type because expression of type '0' can't be used to index type 'EventTarget'.
Property '0' does not exist on type 'EventTarget'

This is how I'm trying to get value :

<form onSubmit={
      (event) => {
        event.preventDefault()
        console.log(event.target[0].value)
      }
    }>

Answer 1

The value of input is in state.
Take it from there.
If there would be a normal layout, then console.log(event.target['test'].value)(this example is from Vadim )
And you use react, so all values ​​are taken from states, layout is only for rendering

<form onSubmit={
    (event) => {
        event.preventDefault()
        console.log(inputCityValue)
    }
}>
    <Input value={inputCityValue} onChange={onChangeHandlerWrapper(setInputCityValue)}/>
    <button type='submit'><span>Обновить данные</span></button>
</form>