Export import in reactjs

Question

Angenommen, ich habe Klasse Panels und Klasse Panel in meinem ui. Ich möchte mehrere Anweisungen wie import Panel.. and import Panels ... jedes Mal vermeiden, wenn ich mich entscheide, sie zu verwenden.

Stattdessen möchte ich Panel von Panels einmal wieder exportieren, und in meiner App sagen Sie einfach so etwas wie import * from 'Panels.js' verursacht sowohl Panel und Panels erscheinen im Bereich meiner App.

Ist das möglich? Gutes Tutorial zu diesem Thema? Vielen Dank.

Answer 1

Sie können Importieren Sie mehrere Dinge aus dem gleichen Modul wie folgt:

import { Thing1 , Thing2 } from "module-name"; 

Oder importieren alles wie so:

import * as everything from "module-name"; 

Für alle anderen Varianten sehen: https://developer.mozilla.org/sv-SE/docs/Web/JavaScript/Reference/Statements/import

Answer 2

können Sie verwenden import * as Panels from 'Panels';

In Ihrem Code sollten Sie Panels.Panel und Panels.Panels

Vergessen Sie nicht, dass Sie zu export brauchen sie beide, um import