一.動態(tài)控制樣式
第一種狭吼，可以同過className={cs({morewidth: isShowInput}, style["btn-group"])}，true或者false控制樣式是否顯示;
1.首先就是引入css樣式示惊，classNames:
image.png
2.在constructor里面設(shè)置state狀態(tài)：
image.png
3.最后在render里面引入這個類名恬试，進行動態(tài)控制樣式：
image.png
第二種脚猾，可以同過className={ cs( style[filetype], style["type"] ) }傳入一個變量來動態(tài)切換顯示哪種樣式;
image.png
第三種贸伐，可以同過className={cs("resource_container",style["resource"])}新蟆，這時resource_container不會被編譯為有后綴的類名，這時可以直接在global里使用修改Ant Design里的默認樣式
image.png
第三種右蕊，關(guān)于使用className寫一些優(yōu)秀組件的寫法;
1.公共組件代碼:
image.png
2.樣式代碼：
image.png
image.png
3.公共組件的使用;
image.png
首先通過公共組件里的const { position, height, width, borderWidth } = props;進行props進行傳值琼稻，然后在使用的過程中通過四個屬性來進行控制顯示哪個邊角：position="左上" width="7px" height="7px" borderWidth="2px"，在公共組件里使用classNames饶囚，通過布爾值和三目運算進行動態(tài)選擇樣式帕翻，從而實現(xiàn)不同的邊角效果。
