Неконтролируемый инпут

Question 1

Неконтролируемый инпут

Answer 1

export const TrackValueOfUncontrolledInput = () => {
const actualValue = event.currentTarget.value;
setValue(actualValue)}
return <><input onChange = {onChange}/>- {value}</>
}

export const GetValueOfUnControlledInputByButtonPress = () => {
const [value, setValue] = useState(‘’)
const inputRef = useRef<HTMLInputElement>(null);</HTMLInputElement>

const save = () => {
const el = inputRef.current as HTMLInputElement;
setValue(el.value)
}
return <><input ref={inputRef}/> <button onClick={save}>save</button> - actual value: {value}</>
}