import { MultithreadItComponent } from 'multithread-it';
 
class Component extends MultithreadItComponent {
  _label; 
 
  onInit() {
    this.watch(
      state => state.label,
      label => this._label = label
    );
  }
 
  render() {
    return (
      <div>
        {this._label}
        <button data-click="EVENT_CLICK">-</button>
      </div>
    );
  }
}

import { MultithreadItEventsHandler } from 'multithread-it';
 
class EventsHandlers  extends MultithreadItEventsHandler {
  constructor(workerStore) {
    super(workerStore);
 
    this.addEventHandlers(
      'click',
      e => this._click(e)
    );
  }
 
    _click(e) {
    const target = e.target;
    if (target['data-click'] === 'EVENT_CLICK') {
      e.preventDefault();
      this._worker.dispatchEvent('click', 'clicked');
    }
  }
}