コンパイル エラー: アロー関数を変数に割り当てる前に、アロー関数をモジュールのデフォルトとしてエクスポートする必要があります
P粉760675452
P粉760675452 2023-08-30 13:05:14
0
1
439

コンパイル中に次のエラーが発生しました:

コンパイル中に警告が発生しました。

src/Task.js

行 4、最初の文字: アロー関数を変数に代入し、モジュールのデフォルト値としてエクスポートします import/no-anonymous-default-export; 

src/TaskList.js

行 4、最初の文字: アロー関数を変数に代入し、モジュールのデフォルト値としてエクスポートします import/no-anonymous-default-export; 

以下は私の JS ファイルです:

Task.js

React を 'react' からインポートします。 './TaskList' から TaskList をインポートします。 デフォルトをエクスポート ({タスク}) => { 戻る ( 

{タスクリスト.説明}

); }

TaskList.js

React を 'react' からインポートします。 「./Task.js」からタスクをインポートします デフォルトをエクスポート ({ タスク }) => { 戻る ( 
    {tasks.map(task => (
  • <タスク task={task} />
  • ))}
); }

React と JavaScript を学び始めたところです。

P粉760675452
P粉760675452

全員に返信 (1)
P粉420868294

アロー関数の場合、匿名であるため、変数に割り当ててからエクスポートする必要があります。コードに基づいて、この例は機能するはずです (ただし、tasks.map 関数にロジックを記入することを忘れないでください)

リーリー

これは、モジュールのデフォルトのエクスポートが名前なしになることを防ぐimport/no-anonymous-default-exportルールによって発生します。

これは単なる lint 警告であり、構文エラーではないため、ルールを無効にしても既存のコードは機能します (ただし、これは行わないことをお勧めします)。

このルールは、デフォルトのエクスポートに名前が付けられていることを確認すると、宣言場所とインポート場所で同じ識別子の再利用が促進され、コード ベースの検索性が向上するため役立ちます。

いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!