JavaScript/React 本机代码中的导入语句出错

Question

我试图在我的 iOS 应用程序中加入一个用于单选按钮的 React 组件，该应用程序是用 React Native 编写的，但是在尝试使用作者指定的方法导入组件时出现错误。

我首先使用以下语句将组件安装在应用程序 XCode project/source 代码的根目录中：

npm i -S react-native-radio-buttons

一切看起来都很好，所以我将组件的代码合并到将要使用它的屏幕的 JS 文件中，但在第一行（包含导入语句）出现错误.

导入语句是这样的：

import { RadioButtons } from 'react-native-radio-buttons'

错误是：

Uncaught SyntaxError: Unexpected reserved word

据我所知，这应该是在 ES6 中可以接受的处理方式。如果有人能告诉我为什么会发生这种情况，我将不胜感激。提前致谢。

Answer 1

您是否使用工具从 ES6 进行翻译？ "import" 是行不通的。你试过了吗：

var RadioButtons = require('react-native-radio-buttons');

代替？

Answer 2

react-native-radio-buttons作者在这里，

我假设每个人都在使用启用了 ES6 功能的 Babel。我应该将其添加到自述文件中。

编辑：说明和示例 .babelrc 添加到 0.4.2

请尝试将此 .babelrc 文件添加到您的项目根目录，如提供的示例所示：

{
  "whitelist": [
    "es6.modules"
  ]
}

Error on import statement in JavaScript/React Native code