82751


使用する際に、ComponentAll.Component1のように強制するにはどのような宣言方法を行えばよいのでしょうか？

* * *

component1.tsx

[code]

    const Component1 = () => (
      <input type="email">
    )
    export default Component1;
    
[/code]

component2.tsx

[code]

    const Component2 = () => (
      <input type="password">
    )
    export default Component2;
    
[/code]

component-all.ts

[code]

    import Component1 from './Component1';
    import Component2 from './Component2';
    
[/code]


CC BY-SA 4.0
2021-09-20T01:41:00.480
82591
2021-09-29T07:14:55.233
2021-09-20T04:00:52.990
3060
48284
question
reactjs typescript
React TypeScriptにおいて、複数のコンポーネントをまとめる方法は？


コンポーネントをexportする際に名前空間をつけたい、という趣旨でしょうか？  
その場合は以下で可能だと思います。

[code]

    // component-all.ts
    export const ComponentAll = {
      Component1,
      Component2
    };
    
    // other-file.ts
    import { ComponentAll } from './component-all';
    
    ComponentAll.Component1;
    
[/code]

[export |
MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/export#using_named_exports)


CC BY-SA 4.0
2021-09-29T07:14:55.233
82751
2021-09-29T07:14:55.233
48233
82591
answer