如何在 React Native 0.57 中使用带有装饰器的 MobX？

Question

我在我的 react-native 应用程序中使用 MobX。

升级到 0.56 后，我使用了以下答案中提供的解决方案：

但是，它不再适用于 0.57。关于 .babelrc 配置的任何想法都将有助于...

Answer 1

一段时间后，我找到了使 MobX 与 React Native 0.57 一起工作的工作配置。问题出在 0.57 中引入的新 module:metro-react-native-babel-preset。我们需要使用 @babel/plugin-transform-flow-strip-types 插件来解决这个问题...

这是有效的 .babelrc 配置

{ 
  "presets": ["module:metro-react-native-babel-preset"],
  "plugins": [
        ["@babel/plugin-transform-flow-strip-types"],
        ["@babel/plugin-proposal-decorators", { "legacy": true}],
        ["@babel/plugin-proposal-class-properties", { "loose": true}]
    ]
}

和package.json依赖项：

"dependencies": {
    "babel-plugin-transform-flow-strip-types": "^6.22.0",
    "mobx": "^5.5.0",
    "mobx-react": "^5.2.8",
    "mobx-state-tree": "^3.5.0",
    "native-base": "^2.8.1",
    "react": "16.5.0",
    "react-native": "0.57.1",
  },
  "devDependencies": {
    "@babel/plugin-proposal-class-properties": "^7.1.0",
    "@babel/plugin-proposal-decorators": "^7.1.2",
    "babel-jest": "23.6.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.48.0",
    "react-test-renderer": "16.5.0"
  }

安装所需的依赖项后，请遵循以下评论中的解决方法 2 https://github.com/facebook/react-native/issues/20150#issue-340235017

如何在 React Native 0.57 中使用带有装饰器的 MobX？

How to use MobX with decorators in React Native 0.57?

decorator

babeljs

react-native

mobx