Задать вопрос
@EA-EKB

Как в двух модулях использующих компонент-обёртку над table (antd) при клике на строку таблицы вызывать разные методы?

Всем привет.

Подскажите пожалуйста как сделать так, чтобы при клике на строку таблицы (обёртка над table от antd) в каждом компоненте (например: таблица заказов и таблица покупателей) вызывался свой метод? Читал про параметр onRow у table, вроде бы то что надо, но я не догоняю(
Допустим для передачи функции использую параметр openModal, в компоненте-обёртке в props пишу
openModal?: (id: number) => void,
И вот тут застреваю с этим id: number. Допустим этот id передаётся в таблице пользователей. Но в таблице заказов нужно передать id пользователя и, например, дату заказа. Для этого в props должно быть так:
openModal?: (id: number, date: string) => void,

Затем ниже по тексту идёт следующее (опять же подходит только для таблицы пользователей):
const onRow = (record: { id: number }) => ({
    onClick: () => {
      if (openModal) {
        openModal(record.id);
      }
    },
  });

Подскажите пожалуйста как можно такое сделать? Точнее как правильно передавать функцию со всеми её параметрами с помощью props? Нагуглить ничего похожего не получилось (возможно неправильный запрос составлял). Наверняка это простая задача, но я с реактом работаю впервые и вообще опыт в JS не особо большой.
  • Вопрос задан
  • 48 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽