☰

React Bootstrapのボタンにプルライトを追加するにはどうすればいいですか? 質問する

tag-icon • tag-icon react-bootstrap
React Bootstrapのボタンにプルライトを追加するにはどうすればいいですか? 質問する

React-Bootstrap を使用した次の JSX があります。

<Button bsStyle="danger pull-right" bsSize="small" onClick={() => {alert('do stuff')}}>
    <Glyphicon glyph="trash" />
</Button>

これは機能しますが、コンソールに警告が表示されます。

警告: 失敗したプロパティ タイプ:に指定されたbsStyle値のプロパティが無効です。のいずれかが必要です。danger pull-rightButton["success","warning","danger","info","default","primary","link"]

スタイルのリストに追加する最善の方法は何ですかpull-right? コンソールに警告が表示されないようにしたいです。

ベストアンサー1

見てみるとReact-Bootstrap コンポーネントbsStyleでは、コンポーネントのプロパティはButton次の値のみを受け入れることがわかります。

"success", "warning", "danger", "info", "default", "primary", "link"

警告メッセージに記載されている外観に基づいて決定します。Bootstrap のクラスを使用する場合は、そのコンポーネントのクラスを設定する属性pull-rightを使用します。className

<Button className="pull-right" bsStyle="danger" bsSize="small" onClick={() => {alert('do stuff')}}>
    <Glyphicon glyph="trash" />
</Button>

おすすめ記事