observer是由单独的mobx-react包提供的。
当然,mobx和mobx-react都可以在ReactNative中使用。后者通过导入"mobx-react/native"。开发者工具还不支持ReactNative。
用法示例 调用trace()有几种方式,下面是一些示例: import{observer}from"mobx-react"import{trace}from"mobx"@observerclassMyComponentextendsReact.Component
import{observer}from'mobx-react';@observerclassTimerViewextendsReact.Component{render(){return(<buttononClick
注意observer是由"mobx-react"包提供的,而不是mobx本身。
Date.now()}}decorate(Timer,{start:observable,current:observable,elapsedTime:computed,tick:action})Copy 注意,mobx-react
mobx-react为observable数据结构提供了明确的PropTypes。
晚一点使用间接引用值 使用mobx-react时,推荐尽可能晚的使用间接引用值。这是因为当使用observable间接引用值时MobX会自动重新渲染组件。
Egghead.io第1课:observable&observer 如果你用React的话,可以把你的(无状态函数)组件变成响应式组件,方法是在组件上添加observer函数/装饰器.observer由mobx-react
可以通过在应用中传递属性到组件树中或使用mobx-react包中的Provider和inject来分发UI状态store。
constTitleRenderer=observer(({message})=>{message.title}})message.title="Bar"Copy 另外一种方法可以避免创建额外组件,它同样适用了mobx-react