Heim  >  Artikel  >  Web-Frontend  >  Was ist React-Bootstrap?

Was ist React-Bootstrap?

藏色散人
藏色散人Original
2020-11-10 11:34:591938Durchsuche

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.

Was ist React-Bootstrap?

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)

Was ist React-Bootstrap?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was sind die MVVM-Frameworks?Nächster Artikel:Was sind die MVVM-Frameworks?