Reactで描かれたコードで下記のように使用されているのを見かけてたのですが export名が `Index` なので `import Index from
'hoge';` が正しいように見えるのですが、これでもIndexコンポーネントを `<hoge />` のように使用できるのでしょうか。  
詳しい方、教えて頂けると幸いです。宜しくお願い致します。

hoge/index.tsx

```

    const Index: React.FC<Props> = route => {}
    
    export default Index;
    
    
```

読み込み先

```

    import hoge from 'hoge';
    
```
CC BY-SA 4.0
2022-06-19T09:49:20.647
89473
2022-06-19T23:38:43.430
2022-06-19T23:38:43.430
19110
22565
question
javascript reactjs react-router-dom
import ファイル名 from 'フォルダパス';でインポートする。
この `export default` によって任意の名前を使用できるようになってただけだった。

### 参考

[export defaultってなんだろう](https://qiita.com/rena_m/items/b9e79dc88e5c5bc5b245)
CC BY-SA 4.0
2022-06-19T13:54:08.807
89478
2022-06-19T16:15:06.660
2022-06-19T16:15:06.660
3060
22565
89473
answer