Задать вопрос
@japan123
react

Как применить несколько стилей сразу?

В компоненте Item реализована логика: по клику на задачу - она зачеркивается (выполнена), по клику на кнопку "важная" - текст становится жирным, в тоже время задача может быть важной и выполненной или только важной или выполненной. Как реализовать такую логику?
https://codesandbox.io/s/9p1mql0r4
  • Вопрос задан
  • 102 просмотра
5 комментариев
Подписаться 1 Простой 5 комментариев
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
Компонент Item, обработчик onImportantClick - надо останавливать всплытие события, чтобы оно не обрабатывалась ещё и в onItemClick, т.е.:

onImportantClick = (e) => {
  e.stopPropagation();
  this.setState(({ important }) => ({
    important: !important
  }));
};
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
Uptrade
от 150 000 до 200 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Senior React Developer
DARS • Москва
от 200 000 до 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать верстку для натяжки на wordpress по макету в figma
26 апр. 2024, в 14:21
10000 руб./за проект
Node JS Бек енд разработчик для доработки CRM системы авто салона
26 апр. 2024, в 14:10
60000 руб./за проект
Требуется Pure PhP + Symfony (Обязательно) разработчик для CRM/ERP
26 апр. 2024, в 14:07
3000 руб./в час
Ещё заказы