React ブートストラップとは

React-Bootstrap は再利用可能なフロントエンド コンポーネント ライブラリです。そのスタイル コンポーネントはブートストラップに依存します。[React-boots] はコマンド「cnpm install reverse-bootstrap --save;」でインストールできます。

# 推奨: 「

プログラミング ビデオ 」

React-bootstrap

1. 反応ブートストラップとは何ですか?

React-Bootstrap は、再利用可能なフロントエンド コンポーネント ライブラリです。

2.react-bootstrap とブートストラップの関係は何ですか?

React-bootstrap のスタイル コンポーネントはブートストラップに依存します。 (下の図 1 は公式 Web サイトの説明です)

3. React で React-bootstrap を使用する方法?

3.1. インストール: cnpm install reverse-bootstrap --save;

3.2. React-bootstrap コンポーネントを必要とするコンテンツ コンポーネントを作成する場合、react-bootstrap;

から必要なコンポーネントをインポートする必要があります (例: コンポーネント コンポーネント内)。 jsではReact-bootstrapのButtonコンポーネントを使用します 具体的な書き方は以下の通りです

  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.index.ejsのテンプレートヘッダにbootstrap.cssを導入します。

3.4. bootstrap.css ソース コードを dist フォルダーに配置します。

以上がReact ブートストラップとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。