React TypeScript : Types corrects pour onChange

Question

Quels sont les types corrects de target: { value: any, name: any } ? L'erreur que j'obtiens est la suivante Duplicate identifier 'any'. J'obtiens également l'erreur suivante Binding element 'any' implicitly has an 'any' type. Et pourquoi value donne l'erreur "Cannot find name 'value' ?".

J'ai un bac à sable ici

const [state, setState] = useState({
    fullName: '',
});

const { fullName } = state;

const onChange = ({ target: { value: any, name: any } }) => {
    setState((prev) => ({
        ...prev,
        [name] : value, // <= 'Cannot find name 'value'
    }));
};

...

<input
  type='text'
  placeholder='Full name'
  name='fullName'
  value={fullName}
  onChange={onChange}
/>

Answer 1

event de onChange devrait être ChangeEvent<HTMLInputElement>

Vous devez donc le faire :

const [fullName, setFullName] = useState('');

...

const onChange = (event: ChangeEvent<HTMLInputElement>) => {
    setFullName(event.currentTarget.value);
};

...

<input
  type='text'
  placeholder='Full name'
  name='fullName'
  value={fullName}
  onChange={onChange}
/>