导入外部React组件的快捷方式是什么？

导入外部React组件的快捷方式是使用ES6的模块化语法中的"import"关键字。通过"import"关键字，可以将其他模块或组件导入到当前文件中，并在代码中使用这些导入的组件。

使用"import"关键字的一般语法格式如下：

import { 组件名 } from '组件路径';

其中，"组件名"是你想要导入的组件的名称，"组件路径"是该组件所在文件的路径。这个路径可以是相对路径或绝对路径。

例如，假设我们想要导入名为"Button"的组件，它位于同一文件夹中的"Button.js"文件中，那么可以使用如下代码进行导入：

import { Button } from './Button.js';

注意，在上述代码中，"./Button.js"是相对于当前文件的相对路径，表示Button组件位于同一文件夹下的Button.js文件中。

导入后，我们就可以在当前文件中使用导入的组件，例如：

import { Button } from './Button.js';

function App() {
  return (
    <div>
      <Button />
    </div>
  );
}

这样，我们就成功导入并使用了外部React组件Button。当然，在实际开发中，还可以根据需要导入多个组件，并通过"as"关键字来自定义导入的组件名称，以便更好地组织和重命名导入的组件。

此外，如果要导入的组件是默认导出的（即没有具名导出），可以使用如下语法进行导入：

import 组件名 from '组件路径';

例如，假设我们要导入一个默认导出的组件，它位于同一文件夹中的"DefaultButton.js"文件中，那么可以使用如下代码进行导入：

import DefaultButton from './DefaultButton.js';

上述代码中，"DefaultButton"是我们自定义的组件名称，可以根据需要进行修改。

总结起来，导入外部React组件的快捷方式就是使用ES6的模块化语法中的"import"关键字，并指定要导入的组件的名称和路径。