

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

hoge/index.tsx

[code]

    const Index: React.FC<Props> = route => {}
    
    export default Index;
    
    
[/code]

読み込み先

[code]

    import hoge from 'hoge';
    
[/code]


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