react router的Link组件的activeStyle增加多个样式应该怎么处理

这个应该是React里面最大的一个坑。目前我们的解决方案就是一个event bus。具体的实现，你可以用node自己的EventEmitter,或者上面提到的EventEmitter2或者Backbone的Events。一定要谨慎。尽量不要在一个bus上有太多的event，一旦超过几十个就基本不可控制了。

因为umi(乌米)框架中很多组件都是封装好的,我们只需要配置属性就行了,但往往会有很多问题就是,样式不能满足公司需求

所以我们就是深度挖掘,调整样式!!!

举一个例子,我想要修改登录页面的样式,但是不管用/deep/ 或者 >>>,都不能控制到

后来发现

方法一 :你把样式写在全局样式里,然后所有的属性都加一个 !important,就可以控制样式

但我觉得这种写法太麻烦且太粗暴,不到万不得已就不用这种方法

方法二 :用:global 就可以控制样式啦~优雅!!

如果用less写法的话

:global是全局的意思,如果你只想局部或者说单页面使用的话,一定要控制在单页面的类属性下边

如果用scss写法的话

scss还是用嵌套的方式,会更方便一点,但是因为ant design本身优先使用less,就没有使用scss

这样就解决了!!!!完美~

<ClaaNameA name = “Tom” />

<ClaaNameA name = {Tom} />

<ClaaNameA name = {“Tom”} />

<ClaaNameA name = {[1,2,3]} />//数组

<ClaaNameA name = {FunctionNAme} />//定义一个函数

---