如何正确地在JS中导入别名？

Question

我有基本的反应课：

import React, { Component } from 'react';

class Children extends Component {
    render() {
        return (
            <h1>Children</h1>
        );
    }
}

export default Children;

位于/scenes/Stash/Children/Children 。 我想像StashChildren一样import它。

import {Children as StashChildren} from './scenes/Stash/Children/Children';

但是我得到：

45：88-101“在'_ / scenes / Stash / Children / Children'中找不到导出'Children'（作为'StashChildren'导入）

如果我只是做：

import {Children} from './scenes/Stash/Children/Children';

一切正常。

Answer 1

您可以通过以下任一方式导入默认导出

import StashChildren from './scenes/Stash/Children/Children'

要么

import {default as StashChildren} from './Children';

您只需要在所需名称下导入默认值即可。

Answer 2

由于已将子组件导出为默认导出，因此可以使用任何名称导入子组件。 所以你只需要

import StashChildren from './scenes/Stash/Children/Children';

选中此选项何时应在导入中使用方括号以了解更多详细信息

Answer 3

由于您要导出默认值，因此可以import StashChildren from './scenes/Stash/Children/Children';调用import StashChildren from './scenes/Stash/Children/Children';

对于别名，只需除去括号：

import Children as StashChildren from './scenes/Stash/Children/Children';