Question

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

React Native如何知道并导入我的班级名称，以及它如何使用我的班级？在代码段中，我的班级名称是“ 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

由于它是默认导出，因此导入名称可以是任何名称。例如，按原样导出代码，您可以将组件导入为

import SmellyCheese from "./LotOfGreetings"

，然后您可以将组件用作<SmellyCheese/>，因为这就是您导入组件的方式。简而言之，它不知道在导入时要调用什么。这取决于您。

Answer 2

请找到有关导出和导入的详细信息。在react-native中，可以通过以下两种方式执行导出：
1]导出时不使用默认值（即命名为export）：

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'

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

2 个答案: