ボタン

Question

へのプル権利を追加し、私が反応-ブートストラップを使用して、次のJSXを持っている：

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

しかし、これはコンソールに警告が表示されます：

最高です何

Warning: Failed prop type: Invalid prop `bsStyle` of value `danger pull-right` supplied to `Button`, expected one of ["success","warning","danger","info","default","primary","link"]. 

スタイルのリストにpull-rightを追加する方法は？

上記のコードは機能しますが、私は自分のコンソールに警告を表示したくないです。

Answer 1

あなたはReact-Bootstrap Componentsで見てみる場合は、コンポーネントButtonの小道具bsStyleは、以下の値のみ受け付けます表示されます：警告メッセージで述べたように、その外観に基づいて

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

を。

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