Heim > Artikel > Web-Frontend > Was ist React-Bootstrap?
React-Bootstrap ist eine wiederverwendbare Front-End-Komponentenbibliothek. Ihre Stilkomponenten hängen von Bootstrap ab. Wir können [React-Boots] über den Befehl „cnpm install React-Bootstrap --save;“ installieren.
Empfohlen: „Programmiervideo“
React-Bootstrap
1. Was ist React-Bootstrap?
React-Bootstrap ist eine wiederverwendbare Front-End-Komponentenbibliothek.
2. Welche Beziehung besteht zwischen React-Bootstrap und Bootstrap?
Die Stilkomponente von React-Bootstrap hängt von Bootstrap ab. (Abbildung 1 unten ist die Erklärung von der offiziellen Website)
3. Wie verwende ich React-Bootstrap in React? Komponenten Wenn Sie React-Bootstrap-Komponenten verwenden, müssen Sie die erforderlichen Komponenten aus React-Bootstrap importieren.
Beispielsweise müssen Sie in der Komponente „component.js“ die Button-Komponente von React-Bootstrap verwenden :
import React from‘react’; import {Button} from ‘react-bootstrap’; export default class MyComponent React.Component{ constructor(props){ super(props); } render(){ return( <div> <Button bsStyle="default"></Button> </div> ); } };
3.3, Führen Sie im Vorlagenheader von index.ejs bootstrap.css ein.
3.4. Platzieren Sie den Bootstrap.css-Quellcode im dist-Ordner.
Das obige ist der detaillierte Inhalt vonWas ist React-Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!