Es scheint offensichtlich zu sein, aber ich war etwas verwirrt darüber, wann geschweifte Klammern zum Importieren eines einzelnen Moduls in ES6 verwendet werden sollten. Zum Beispiel habe ich im React-Native-Projekt, an dem ich arbeite, die folgende Datei und ihren Inhalt:

initialState.js

var initialState = {
    todo: {
        todos: [
            {id: 1, task: 'Finish Coding', completed: false},
            {id: 2, task: 'Do Laundry', completed: false},
            {id: 2, task: 'Shopping Groceries', completed: false},
        ]
    }
};

export default initialState;

In der TodoReducer.js muss ich es ohne geschweifte Klammern importieren:

import initialState from './todoInitialState';

Wenn ich das @ beifüinitialState in geschweiften Klammern wird der folgende Fehler für die folgende Codezeile angezeigt:

Cannot read property todo von undefined

TodoReducer.js:

export default function todos(state = initialState.todo, action) {
// ...
}

Ähnliche Fehler passieren auch bei meinen Bauteilen mit den geschweiften Klammern. Ich habe mich gefragt, wann ich geschweifte Klammern für einen einzelnen Import verwenden soll, da Sie beim Importieren mehrerer Komponenten / Module diese natürlich in geschweifte Klammern einschließen müssen, die ich kenne.

Bearbeiten

The SO post atHie beantwortet meine Frage nicht, sondern ich fragewan Ich sollte geschweifte Klammern zum Importieren eines @ verwenden oder nichSingl module, oder ich sollte niemals geschweifte Klammern zum Importieren eines einzelnen Moduls in ES6 verwenden (dies ist anscheinend nicht der Fall, da ich gesehen habe, dass ein einzelner Import mit geschweiften Klammern erforderlich ist)