Erstellen von benutzerdefinierten Komponentenbibliothek mit Objektpräfix in Reactjs

Question

Ich möchte ein separates Objekt/Klasse erstellen, die alle React-Komponenten enthält statt ein Präfix zu jeder Komponente hinzufügen. Zum Beispiel kann ich eine Taste für das benutzerdefinierte Styling und Funktionalität haben.

Zum Beispiel hat BootStrap Klasse, aber ich möchte eine andere Button-Komponente erstellen, die ein Objekt vorangestellt ist, anstatt ProjectButton zu machen.

Ich bin nicht gut mit Javascript, also brauche ich eine Anleitung, wie dies zu tun ist.

Answer 1

Das Objekt ist nur das .. und Objekt, keine Klasse. Ihre Aufgabe kann Schlüssel haben, die Ihre innere Klassen vertreten:

var Project = { 
    Button: class Button extends React.Component {} 
} 

.. 
render() { return <Project.Button /> } 
.. 

du manchmal in der Wildnis heraus sehen werden, weil man dann mehrere Komponenten importieren werden sie während des Importnamensräume:

// components.js 
export class Button1 extends React.Component { } 
export class Button2 extends React.Component { } 

// somewhere-else.js 
import * as Project from './components' 

.. 
render() { 
    return (
    <div> 
     <Project.Button1 /> 
     <Project.Button2 /> 
    </div> 
) 
} 
..