Привет!
Не пойму, что я делаю не так. Буду благодарен за подсказку.
Есть файл event.ts:
export const event = createEvent();
Есть файл ComponentA.tsx:
import {event} from './event';
function ComponentA() {
return <Button onClick={() =>event()} />
}
Есть файл ComponentB.tsx:
import {event} from './event';
function ComponentA() {
event.watch(() => {
console.log('Event received!');
})
// ...
}
Проблема: на одно нажатие кнопки Event received! появляется несколько раз, причем количество всегда разное... Я так понимаю это зависит от того, как ререндерятся компоненты. Как это сделать правильно, чтобы событие в другом компоненте получалось ровно один раз?