const TimerView = observer(() => {
const [timer] = useState(() =>
observable({
secondsPassed: 1,
increaseTimer() {
console.log(this, 888);
this.secondsPassed++;
},
})
);
return (
// when click the span, error: this is undefined
// <span onClick={timer.increaseTimer}>
// Seconds: {timer.secondsPassed}
// </span>
//
<span onClick={() => timer.increaseTimer()}>
Seconds: {timer.secondsPassed}
</span>
// this one works fine
);
});
observer and observable are in mobx and mobx-react-lite. What's the difference between these two situation.It's so confused.