Ich habe eine grundlegende Reaktionsklasse:

import React, { Component } from 'react';

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

export default Children;

Welches befindet sich bei /scenes/Stash/Children/Children. Ich möchte import wie StashChildren.

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

Aber ich bekomme:

45: 88-101 "export 'Children' (importiert als 'StashChildren') wurde in '_ / scene / Stash / Children / Children' nicht gefunden.

Wenn ich nur mache:

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

Alles funktioniert gut.

0
user1692333 18 Apr. 2018 im 12:31

3 Antworten

Beste Antwort

Sie können den Standardexport entweder durch importieren

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

Oder

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

Sie müssen nur die Standardeinstellung unter dem gewünschten Namen importieren.

1
GibboK 18 Apr. 2018 im 09:35

Da Sie Standard exportieren, können Sie wie aufrufen import StashChildren from './scenes/Stash/Children/Children';

Entfernen Sie für Alias einfach die Klammern:

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

0
Caio Lucas 18 Apr. 2018 im 11:02

Da Sie die untergeordnete Komponente als Standardexport exportiert haben, können Sie sie unter einem beliebigen Namen importieren. Also brauchst du einfach

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

Überprüfen Sie dies Wann sollte ich Klammern mit Importen verwenden für mehr Details

0
Shubham Khatri 18 Apr. 2018 im 09:38