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 (
    
{ store.module1.setName('1234567890') }}> {store.module1.name}
); } export default withRouter(observer(Hookcom))

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

你可能感兴趣的:(mobx,react)