React-Bootstrap dodać pull-prawo Buttona

Question

Mam następujący JSX użyciu React-bootstrap:

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

Jednak będzie to pokazać ostrzeżenie w konsoli:

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"]. 

Jaki jest najlepszy sposób dodać pull-right do listy stylów?

Powyższy kod działa, ale wolałbym nie mieć żadnych ostrzeżeń w mojej konsoli.

Answer 1

Jeśli przyjrzeć React-Bootstrap Components, zobaczysz, że prop bsStyle składnika Button akceptuje tylko następujące wartości:

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

na podstawie jego wyglądu, jak wspomniano w komunikacie ostrzegawczym. Jeśli masz zamiar użyć pull-right klasy Bootstrap, tuż użyć atrybutu className który określi klasę tego składnika:

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