通过使用＆＃34; import＆＃34;？

Question

我正在尝试使用SliderButton，我最近在终端中安装了滑块按钮，

npm install --save react-native-slider-button

并尝试导入它，但不知何故它无效。

在网站上，我应该写

var SliderButton = require("react-native-slider-button");

但是我的本地反应是最新版本所以我猜我可能不应该使用require，如何编写代码使用＆＃34; import＆＃34;？

Answer 1

您可以将require替换为import，将以下内容放在文件的顶部：

import SliderButton from "react-native-slider-button"

export default class MyComponent extends Component {
    ...
}

Answer 2

你真的只是＆＃34;导入＆＃34;这个特殊的组件。它是使用在NodeJS中使用的名为CommonJS的JS的早期实现编写的。 React Native现在使用ES6进行模块管理。 SliderButton组件有点问题。首先，它在组件本身内部使用CommonJS模块语法，包括以不再支持的方式加载React和React Native。因此，必须重写此模块的某些部分才能使用当前版本的react native。您可以回滚到支持CommonJS的先前react本机版本，或者您可以修改Component以使用ES6样式的模块导入。