一个关于 MobX 的疑问，为什么没有触发重新渲染？

[O3Q]

在学习和使用 MobX 的时候遇到了一点问题：函数组件中可以正常触发组件重渲染，但是在相同行为的类组件中无法触发重渲染。 请问大神们这是为何？

依赖版本：

mobx: 6.2.0

mobx-react: 7.1.0

react: 16.8.6

react-dom: 16.8.6

---

可复现的代码：

import React from "react"
import ReactDOM from "react-dom"
import {makeAutoObservable} from "mobx";
import { observer } from "mobx-react"

class Timer {
    secondsPassed = 0

    constructor() {
        makeAutoObservable(this)
    }

    increase() {
        this.secondsPassed += 1
    }

    reset() {
        this.secondsPassed = 0
    }
}

const myTimer = new Timer()

const TimerView = observer((props) => (
    <button onClick={() => props.timer.increase()}>Seconds passed: {props.timer.secondsPassed}</button>
))


const Demo = observer(class Demo extends React.Component {
    public render = () => {
        return <button onClick={() => this.props.timer.increase()}>Seconds passed: {this.props.timer.secondsPassed}</button>
    }
})

ReactDOM.render(<>
    <Demo timer={myTimer} />
    <TimerView timer={myTimer} />
</>, document.body)

[JK9993]

请使用 state

[JK9993]

看错了，抱歉

[lblblong]

在类上使用是用装饰器，你这...

```typescript
@observer
class Demo extends React.Component {
...

```

[SilencerL]

@lblblong #3
虽然我不知道为啥楼主在类组件里面不重新渲染
但是目前来看装饰器不就是个语法糖……实际上用装饰器和 observer(component) 是一样的效果吧

[lblblong]

@SilencerL 好像是这样的，见笑了

我仔细看了下，楼主可能是类方法写错了，不能这么定义类方法吧
public render = () => {..}
改成 render(){} 或者 const render = () => {} 应该就可以了

[ytxbnahn]

```
const Demo = observer(
class Demo extends React.Component {
render() {
return (
<button onClick={() => this.props.timer.increase()}>
Seconds passed: {this.props.timer.secondsPassed}
</button>
);
}
}
);
```

[JK9993]

用 `observer` 包装 Class Component 的时候，它会使用 `makeClassComponentObserver` 方法。该方法会修改组件的 [`render` 方法]( https://github.com/mobxjs/mobx-react/blob/baa737e4faf458e3f4c89edebacfb8774b64353d/src/observerClass.ts#L55)，这样才能收集到依赖。
而当你使用箭头函数的时候，如果你使用 `bebel` 或者其他编译器向低版本转化的话，箭头函数就会变成在构造函数中赋值的形式。
这个时候 `makeClassComponentObserver` 取到的该组件的 `render` 属性为 undefined，这样就会收集不到依赖，因此无法更新。

[O3Q]

@lblblong
@ytxbnahn
感谢二位的指点~

@JK9993
非常感谢这位朋友从源码 /底层的层面解答了问题~非常有帮助，感恩 2021 ！