2016-10-24 16 views
8

için çekme hakkı eklemek tepki-Bootstrap: en iyisi nedirTepki-Önyükleme ben JSX kullanarak aşağıdaki adres Düğme

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

:

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

Ancak bu konsolda bir uyarı gösterecektir stilleri listesine pull-right ekleme yolu?

Yukarıdaki kod çalışıyor, ancak konsolumda herhangi bir uyarı olmamasını tercih ediyorum.

+0

@AndrewLi bsClass bsStyle değere önüne edilir: Eğer Bootstrap en pull-right sınıfını kullanmayı düşünüyorsanız, sadece bu bileşenin sınıfını ayarlayacaktır className özniteliğini kullanın. Bu işe yaramıyor. –

+1

'className' kullanımı nasıl? – Li357

+0

Gerçekten işe yarıyor! Soruyu cevapla ve cevapla :-) olarak işaretleyeceğim –

cevap

13

Eğer React-Bootstrap Components bakmak varsa, bileşenin Button ait bsStyle sadece aşağıdaki değerleri kabul ettiği Prop görürsünüz: uyarı mesajında ​​belirtildiği gibi görsel görünümünü

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

tabanlı.

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