How to apply multiple styles at once?

Question

React

The Item component implements the logic: by clicking on the task - it is crossed out (completed), by clicking on the "important" button - the text becomes bold, at the same time the task can be important and completed or only important or completed. How to implement such logic?
https://codesandbox.io/s/9p1mql0r4

Answer 1

Item component, onImportantClick handler - you need to stop the event bubbling so that it is not processed in onItemClick as well, i.e.:

onImportantClick = (e) => {
  e.stopPropagation();
  this.setState(({ important }) => ({
    important: !important
  }));
};