mobx如何与react hooks配合使用

import React from 'react';
import {useObserver, Observer， observer} from 'mobx-react';
import {appStore} from './appStore';

// 方法1：
function Methods1() {
    return useObserver(() => (
        <div onClick={() => {appStore.count = 1}}>{appStore.count}</div>
    ))
}

// 方法2(Observer一定要用函数)：
function Methods2 () {
    return （
        <Observer>
            {() => <div onClick={() => {appStore.count = 1}}>{appStore.count}</div>}   
        </Observer>
    ）
}

// 方法3（推荐）：
export default observer(props => {
    return <div onClick={() => {appStore.count = 1}}>{appStore.count}</div>
})

想了解哪种性能好，可以参考：mbox - useObserver vs Observer vs observer - 简书