react-bootstrap css .style 為按鈕添加多種樣式

Question

我想從我的 .styl 文件中為每個按鈕添加多個樣式，每個按鈕都有不同的背景顏色。

我導入樣式代碼

import mystyle from './myStyle.styl'

在我的樣式文件中

:local .mybutton
   border-radius: 1px
   padding:: 3px
   margin: 0px
   font-size: 10px
   text-align: center

 :local .bluebutton
    background-color: #589652 !important

  :local .redbutton
    background-color: #289652 !important

按鈕定義為

<ButtonToolbar>
  <Button className={mystyle.mybutton}>Blue Button</Button>
  <Button className={mystyle.mybutton}>Red Button</Button>
</ButtonToolbar> 

我想做這樣的事情，但我已經讓它工作了

<Button className="mybutton bluebutton">Blue Button</Button>

如何在我的每個按鈕中添加第二個顏色樣式？

謝謝

Answer 1

如果其他人卡住了，我剛剛在以下鏈接中找到了答案

https://www.reddit.com/r/reactjs/comments/41gu88/how_would_i_add_multiple_style_attributes_to_a/