装饰器不工作的原因是什么？ （暴民）

Question

如果没有 makeAutoObservable(this) 函数，装饰器将无法工作。 例子： 组件

import { observer } from 'mobx-react-lite'
import useStore from 'hooks/useStore'

const Counter = props => {
  const { counterStore } = useStore()
  const { countValue } = counterStore
  console.log(counterStore)
  return (
    <div>
      <button>-</button>
      <p>{countValue} значение</p>
      <button onClick={counterStore.incrementCountValue}>+</button>
    </div>
  )
}

export default observer(Counter)

商店

import { action, observable } from 'mobx'

export default class CounterStore {
  @observable countValue = 0

  @action incrementCountValue = () => {
    this.countValue = this.countValue + 1
  }
}

如果使用 makeAutoObservable(this) 一切正常。

Answer 1

从 MobX 6 开始，您必须在构造函数中调用 makeObservable/makeAutoObservable。