私はjsファイルにインポートされる10-15のコンポーネントを持っています。私が書く必要があります。EVERYコンポーネントの場合コードを繰り返さない多くのコンポーネントをインポートするにはどうすればよいですか？
import ThreeBlocks from '../components/ThreeBlocks'
。私のコンポーネントは動的に形成されるので、新しいコンポーネントを作成するたびに同じコードを追加するのは面倒です。
リピートコードを避けるための方法があれば、もっと短い書いても使えますか？
インポートMaxNikを行うことができますので、あなたはこれを取る必要がありますMaxNik.TwoBlocks
または任意のコンポーネントあなたが
を持って、そしてMaxNik.ThreeBlocksを使用し、その上ですべてのコンポーネントとのLibを作ることができますあなたのコンポーネントのそれぞれが非常に多くの他のコンポーネントに依存している場合、警告サイン。
これは、コンポーネントが強く結合されていることを示す強力な指標であり、共通のインターフェイスを介して抽象化することができませんでした。コードの繰り返しは、インポートステートメントだけでなく、インポートの使用パターンと同じくらい可能性が高いです。
一般的に使用されているコンポーネントのコンテナ/名前空間として機能する補助コンポーネントを使用することは可能ですが、この問題の原因となった設計上の欠陥を実際に修正しているわけではありません。