Reactにおいて別ファイルに定義したサンプルデータをインポートしたい。

Question

下記のようなサンプルデータを、メインのコードとは別のファイルに定義し、インポートしてきたいのですがコンパイルエラーになってしまい上手くロード出来ません。

###サンプルデータ

export default PRODUCTS = [
"aaa",
"bbb",
"ccc"
]

###メインのコード

import React from 'react';
import './App.css'
import '@aws-amplify/ui/dist/style.css'
import  PRODUCTS from './sampleData'


class App extends React.Component {
  render (){
    console.log(PRODUCTS)
    return(
      <div className="app">
        <header>
          ナビゲーション
        </header>

      </div>
    )
  }
}


export default App;

#質問
サンプルデータの記述は間違ってないように思えるのですが、インポート方法に誤りがあるのでしょうか？
ご指摘お願い致します。

#追記
エラー内容は下記のようになります。
./src/sampleData.js
Line 1:16: 'PRODUCTS' is not defined no-undef

Comments

[soliste16]

間違っているようには思えません。エラー内容はなんですか。

[yuki_90453]

./src/sampleData.js
Line 1:16: 'PRODUCTS' is not defined no-undef

[jun68ykt]

回答依頼を頂きましたが、soliste16さんの回答にあるように修正すると、うまくいくのではと思います。

Answer 1

これでどうですか。

const PRODUCTS = [
  "aaa",
  "bbb",
  "ccc"
]

export default PRODUCTS;