导入导入文件中不存在的单词（样式）？（React Native/Javascript）

我是noob learning React母语，我看到导入了“样式””的示例（如下图），但我在导入的文件中的任何位置或文件名中都没有看到“样式”一词。我希望导入术语是“样式表”，因为导入的文件就是这样。这是某种神奇的关键词吗？如果是，我从哪里知道这些？我阅读了样式表上的React原生文档，但没有看到任何关于样式是一个特殊术语的提及；事实上，它们似乎将一个变量命名为“styles”，并将其分配给函数stylesheet.create的返回，这正是我所期望的。我一直在用谷歌搜索这些术语，但显然我在搜索错误的东西

例如，本指南第4.2节：

在该页面的第一部分，在

app/components/TextArea/TextArea.component.js

中有一个文本UI元素，其中第4行包含“样式”的导入：

import React, { Component } from 'react';
import { TextInput, View } from 'react-native';
import PropTypes from 'prop-types';
import styles from './TextArea.component.style';

class TextArea extends Component {
  state = {
    text : ''
  }
  render() {
    const {...extraProps} = this.props;
    return (
      <TextInput
        {...extraProps}
        style={[styles.textArea, extraProps.style]}
        multiline = {true}
        onChangeText={(text) => this.setState({text})}
        value={this.state.text}
      />
    );
  }
}

export default TextArea;

---

这是因为默认导出，当您导出默认内容时，可以不使用特定名称从另一个文件导入。每个文件只能有一个默认导出

---

如果您没有使用

default

关键字而导出某些内容，则必须将变量名放在大括号内

import{x}from'path/to/file

来导入它。您可以有任意数量的命名导出。

这是因为默认导出，当您导出默认内容时，您可以从另一个文件导入，而无需使用特定名称。每个文件只能有一个默认导出

---

如果您没有使用

default

关键字而导出某些内容，则必须将变量名放在大括号内

import{x}from'path/to/file

来导入它。您可以有任意数量的命名导出。

您可以导入它并按任何名称使用它，因为该函数在导出时没有指定名称，如下所示：

export default function(){ }

或

上面的语句只是说，如果存在，'./TextArea.component.style'文件，则从中获取默认函数作为测试

---

您只能在一个文件中导出默认的单个函数或类，否则它将抛出错误

您可以导入它并按您想要的任何名称使用它，因为该函数在导出时没有指定名称，如下所示

export default function(){ }

或

上面的语句只是说，如果存在，'./TextArea.component.style'文件，则从中获取默认函数作为测试

您只能在一个文件中导出一个默认函数或类，否则它将抛出错误

import myStyle from './TextArea.component.style';

import Test from './TextArea.component.style';