react在hook中使用mobx

和class组件的写法不同，hook使用mobx需要在组件的最外层包裹一层mobx-react提供的observer，在没有包裹observer的情况下可以拿到mobx的数据也可以改变mobx的数据，但是改变之后不会触发视图的更新。

import React from 'react';
import { withRouter } from 'react-router-dom'
import store from '../../mobxStore/mobx'

import {observer} from 'mobx-react'


function Hookcom (props) {
  return (
    <div>
      <div onClick={() => {
        store.module1.setName('1234567890')
      }}>
        {store.module1.name}
      </div>
    </div>
  );
}
export default withRouter(observer(Hookcom))

mobx的安装配置见https://blog.csdn.net/qq_40816649/article/details/100655462