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!