Question

我是React-Native的初学者，我想在我的应用中添加一个弹出窗口，我发现：https://www.npmjs.com/package/react-native-popup 我迈出了第一步：

npm install react-native-popup --save

然后每当我使用此行将其导入我的项目并在我的Android模拟器上运行它时：

import Popup from 'react-native-popup';

出现此错误时出现红屏：

您似乎正在尝试访问“ReactNative.Component”＆＃39;来自     ＆＃39;反应天然＆＃39;包。也许你打算访问＆＃39; React.Component＆＃39;     来自＆＃39;反应＆＃39;包而不是？例如，而不是：import     来自＆＃39; react-native＆＃39;的React，{Component，View};你现在应该这样做：     导入React，{Component}来自＆＃39;反应＆＃39;从{导入}     ＆＃39;反应天然＆＃39 ;;

虽然这正是我实际所做的，但这里是我的代码：

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  TouchableHighlight,
  View
} from 'react-native';
import Popup from 'react-native-popup';

class AwesomeProject3 extends Component {

Answer 1

这不是您的错误，它是该库react-native-popup，它从React导入react-native，而且这实际上已被删除。

我建议您使用React-Native的原始Modal和Alert代替。他们的工作非常完美。

如何将弹出组件导入React-Native？

1 个答案: