Эвенты

ChangeEvent

const onSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
  const value = event.target.value;
  console.log(value);
};

---

FocusEvent

const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {
  const value = event.target.value;
  console.log(value);
};

---

FormEvent

const onLoginHandler = async (event: React.FormEvent<HTMLFormElement>) => {
  event.preventDefault();

  if (email && password) {
    let errors = await dispatch(login(email, password)) as unknown as boolean;
  }
}

---

MouseEvent

const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
  const value = event.target.value;
  console.log(value);
}

---

Автоподстановка объекта event

<UiRemoveIcon
    title='Удалить'
    width={15.75}
    height={18.38}
    color={hasAccess ? 'primary' : 'secondary'}

    // полная запись
    onClick={(e: React.MouseEvent<HTMLSpanElement>) => removeHandle(е)}

    // можно записывать коротко без e
    onClick={removeHandle} 
/>

// метод-обработчик
const removeHandle = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
    e.stopPropagation();

    if (hasAccess) {
        dispatch(setConfirmationOpen({
            dialogType: 'positive',
            dialogText: `Вы действительно хотите удалить шаблон ${data.name}?`,
            confirmationFunction: () => {
                dispatch(deleteExpressIntervalTemplateByUuid(data.uuid));
            }
        }))
    }
}

---

Select event

const handleStatusChange = (e: SelectChangeEvent) => {
  console.log('e', e);
};

...

<TableCell>
  <Select
    fullWidth
    className={styles.statusSelect}
    value={item.status}
    onChange={handleStatusChange}
  >
    <MenuItem value={'Создан'}>Создан</MenuItem>
    <MenuItem value={'В черновиках'}>В черновиках</MenuItem>
    <MenuItem value={'В ожидании ЕРП'}>В ожидании ЕРП</MenuItem>
    <MenuItem value={'Экспортирован'}>Экспортирован</MenuItem>
  </Select>
</TableCell>