如何解决反应 mobx 将存储注入组件
当我们调用 mobx 并通过以下方式注入并观察组件内部存储时
**ExampleStore.ts**
import { observable,action } from 'mobx';
export class ExampleStore {
@observable
testData1: any = [];
@observable
testData2: any = [];
}
和
export default inject('exampleStore')(observer((props) => {
// Return component
// Uses testData1 only
}));
testData2 是否也注入到 React 组件中?还是只注入使用的 testData1?
解决方法
两个可观察对象都可以在组件内访问,但只有当使用的 可观察对象之一发生变化时,组件才会重新渲染。
查看mobx react integration documentation了解更多详情:
观察者 HoC 自动将 React 组件订阅到渲染期间使用的任何可观察对象。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。