antd這個(gè)menu.item的style通過className設(shè)置無效果？

我在demo里面如果直接寫menu.item的style={{margin："30px 0"}}:
<Menu><Menu.Item style={{margin："30px 0"}}>測試<Menu.Item></Menu>
這樣寫上下有空隙30px，

如果我這樣寫：
<Menu><Menu.Item className="menuitem">測試<Menu.Item></Menu>
然后在menu.css：.menuitem{ margin:30px 0; }
再引用，怎么又沒效果， className加在menu dom上也是有效果的，用在menu.item上是不是
有個(gè)加載順序的問題啊，這個(gè)我如果非得要通過className來設(shè)置menu.item的樣式，怎么解決啊，
有人遇到此類問題沒有？