[Solved]-Mobx makeAutoObservable not binding this-Reactjs

class SampleStore {
  counter = 0;

  constructor(arg) {
    makeAutoObservable(this);
  }

  // Make it arrow function
  increment = () => {
    this.counter++;
    return this.counter;
  }
  
  // Make it arrow function
  decrement = () => {
    this.counter--;
    return this.counter;
  }
}

Danila 10111

import { useStore } from "../stores";
import { observer } from "mobx-react";

const Index = (props) => {
  const {sampleStore:store} = useStore();

  return (
    <>
      <h1>MobX and React.js example</h1>
      <p>{store.counter}</p>
      <button onClick={store.increment.bind(store)}>+</button>
      <button onClick={store.decrement.bind(store)}>-</button>
    </>
  );
};

export default observer(Index);

Ivan V. 6397

constructor(arg) {
  makeAutoObservable(this, {}, { autoBind: true });
}

Alex Fomenko 31

Source: stackoverflow.com

[Solved]-Mobx makeAutoObservable not binding this-Reactjs

Related Query

More Query from same tag