javascript - React Native 如何知道我的默认类名？

Question

我是 React Native 的新手。很抱歉问了一个简单的问题。

React Native 如何知道并导入我的类名以及它如何使用我的类？在 fragment 中，我的类(class)名称是“LotOfGreetings”。但是当我导入它时它怎么知道我的类名呢？

export default class LotOfGreetings extends Component {
  render() {
    return (
      <View style = {{alignItems: 'center'}}>
        <Greeting name = 'Rexxar'/>
        <Greeting name = 'Jaina'/>
        <Greeting name = 'Valeera'/>
      </View>
    );
  }
}

Answer 1

请查找有关导出和导入的详细信息。在react-native中，export可以通过以下两种方式进行:
1] 没有默认导出(即命名导出):

export class TempClass1 {}

必须使用它们的确切名称导入。这可以按如下方式完成:

import {TempClass1 } from './components'

2] 默认导出:

export default class TempClass1 {}

不必使用 {} 导入它们。这可以按如下方式完成:

import TempClass1 from './components'

也不一定要使用它们的确切名称来导入它们。这可以按如下方式完成:

import RenamedTempClass1 from './components'

您可以同时导入默认导出和命名导出。这可以按如下方式完成:

import RenamedTempClass1,{TempClass1} from './components'