从基本组件导入找不到变量

Question

我创建了一个 BaseComponent，它将在所有其他组件中扩展：

import React, { Component } from 'react'
import { ScrollView, Text, Image, View, TouchableOpacity, TextInput } from 'react-native'
export default class BaseComponent extends Component {
}

在我的其他组件中，我像这样使用它：

import BaseComponent from '../Components/BaseComponent'
export default class LoginScreen extends BaseComponent {
}

现在我已经在 BaseComponent 中导入了View、ScrollView等，但是当我尝试在子组件中使用它时，它显示错误can'find variable View。

如何在 ChildComponent 中使用导入的 BaseComponnet 类？

Answer 1

在 Nodejs 中，每个文件都被视为一个模块，它有自己的变量范围。例如，当您将变量导入文件(例如React or ScrollView)时，将此变量添加到模块范围，而不是全局范围。

在webpack的情况下，您可以使用ProvidePlugin到几个导入作为全局

new webpack.ProvidePlugin({
React: 'react' // ReactJS module name in node_modules folder
})

之后，您可以跳过在所有模块中导入这些变量变量，因为webpack会自己在需要时处理它。