Mobx 状态树不会在 react native 中重新渲染屏幕组件答案

【问题标题】：Mobx state tree wont re-render screen component in react nativeMobx 状态树不会在 react native 中重新渲染屏幕组件
【发布时间】：2020-06-06 16:56:00
【问题描述】：

我有以下代码

import React, { FunctionComponent as Component } from "react"
import { observer } from "mobx-react-lite"
import { useStores } from "../models"

export const LoginScreen: Component = observer(function LoginScreen() {
  const rootStore = useStores()
return (
<Screen>
<Text> {rootStore.counter}</Text>
<Button onPress={() => rootStore.addCounter()} />
</Screen>
)
})

但是当我按下按钮时，组件文本不会更新，它只会在刷新/重新启动应用程序后显示递增的数字。

如何让它工作？

【问题讨论】：

标签： react-native mobx mobx-state-tree

【解决方案1】：

我还不能发表评论，如果可能的话，我想请你分享商店的来源。但我在这里拍摄：

a) rootStore 中的 addCounter() 是否正确包装为操作？

b) 你的counter 是可观察的吗？

【讨论】：