antd这个menu.item的style通过className设置无效果？

Question

我在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上是不是
有个加载顺序的问题啊，这个我如果非得要通过className来设置menu.item的样式，怎么解决啊，
有人遇到此类问题没有？

Answer 1

.menuitem {
    margin:30px 0 !important; // 非得要通过 className 来设置 Menu.Item 的样式
}