javascript - 导入 mobx 的方式之间的区别

Question

以下导入有何不同？

import { observer } from 'mobx-react/native'

代替

import { observer } from 'mobx-react'

附加信息

• React Native 版本:~0.48.4
• react :16.0.0
• mobx-formatters: 1.0.2,
• mobx-logger: 0.6.0,
• mobx: 3.3.1,
• mobx-persist:0.3.4，
• mobx react :4.3.3

评论如果需要更多信息

Answer 1

Mobx-React 使用一个名为 unstable_batchedUpdates 的函数。这种依赖来自 react-dom(浏览器)或 react-native(移动)。在你的移动设备上你没有 dom 所以你不能使用 react-dom。因此，当您导入“mobx-react/native”时，它会使用 react-native 包中的函数。

看这里:

https://github.com/mobxjs/mobx-react/blob/0e1cdc83bfb7e45a43aa9b8f23498d3c95943433/src/index.js

您还可以在节点模块文件夹中的 mobx-react 中看到，index.js(从“mobx-react”导入时已解决)将 ReactDom 作为依赖项获取:

}(this, (function (exports,mobx,React,ReactDOM) { 'use strict';

另一方面，从“mobx-react/native”导入时，它将 reactNative 作为依赖而不是 ReactDom:

}(this, (function (exports,mobx,React,reactNative) { 'use strict';

如果您想了解有关 React 批处理更新的更多信息，请阅读此处:

• > https://stackoverflow.com/a/33613918/2379376
• > https://github.com/facebook/react/blob/3b43f3190bbcc5d4cfe77dbc665e03b7b95d35b2/src/renderers/tests/ReactUpdates-test.js