Nikita Shchypylov

shouldComponentUpdate(nextProps, nextState) {
  return !this.state.updatesLocked || !nextState.updatesLocked;
}

&:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: 24px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    z-index: 1;
  }
  
  &:after {
    content: " ";
    position: absolute;
    top: -7px;
    left: 24px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.25);
  }

this.state.data[this.state.id][e.target.name] = !checked;

this.setState({
  data: this.props.data,
  id: this.props.id
});

const a = { key: 'value' };
const b = a;
b.key = 'new value';
console.log(a.key); // new value

this.state.data[this.state.id][e.target.name] = !checked;