javascript / beginner
Snippet
ES-Module: Export und Import
React-Apps verwenden ES-Module, um Code zu organisieren. 'export default' erlaubt es, eine Komponente zu teilen, während 'import' sie zur Verwendung in eine andere Datei bringt.
snippet.js
1
2
3
4
5
6
7
// In MyComponent.jsexport default function MyComponent() {return <div>Modular Code</div>;}// In App.jsimport MyComponent from './MyComponent';
react
Erklärung
1
export default function MyComponent() {
Macht diese Funktion zum primären Export der Datei.
2
import MyComponent from './MyComponent';
Lädt die Komponente aus ihrem spezifischen Dateipfad.