Was ist React-Bootstrap?

React-Bootstrap ist eine Bibliothek, die Bootstrap basierend auf ReactJS kapselt. Es handelt sich um eine wiederverwendbare Front-End-Komponentenbibliothek, die über den Befehl „cnpm install React-Bootstrap --save“ installiert werden kann.

Was ist React-Bootstrap?

React-Bootstrap ist eine Bibliothek, die Bootstrap basierend auf ReactJS kapselt. Es handelt sich um eine wiederverwendbare Front-End-Komponentenbibliothek. Die Stilkomponenten von

react-bootstrap hängen von Bootstrap ab.

Offizielle Website: https://react-bootstrap.github.io

So installieren Sie React-Bootstrap

Verwenden Sie zum Installieren den folgenden Befehl

cnpm  install react-bootstrap  --save

//或者
$ bower install react react-bootstrap

Verwendung:

Um Inhaltskomponenten zu schreiben, müssen Sie verwenden React-Bootstrap-Komponenten Wenn Sie die erforderlichen Komponenten aus React-Bootstrap importieren möchten, müssen Sie beispielsweise in der Komponente Component.js die Button-Komponente von React-Bootstrap verwenden. Die spezifische Schreibweise lautet wie folgt:

Führen Sie im Vorlagenheader der Abteilung index.ejs bootstrap.css ein. Legen Sie den Bootstrap.css-Quellcode im Ordner dist ab.

Style Sheet

Da React-Bootstrap nicht von einer bestimmten Bootstrap-Version abhängt, ist kein CSS im Distributionspaket enthalten. Allerdings sind bei der Verwendung dieser Komponenten einige Stylesheets erforderlich. Wie Bootstrap-Style-Dateien ausgewählt und geladen werden, bleibt dem Benutzer überlassen. Am einfachsten ist es, die neuesten Stylesheet-Dateien vom CDN zu laden.

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>           
);
}
};

Weitere Kenntnisse zum Thema Programmierung finden Sie auf:

Website zum Programmierenlernen

! !

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!