如何书写联动样式

有时候我们需要实现在 hover 容器组件的时候，修改 child 的样式。这种情况下，我们可以使用 cx 来生成 className。

Demo

核心代码：

原理解析

思路上很简单，因为 css 方法产出的始终是序列化样式对象。用 cx 包裹 css 对象，就会将该对象转成类名 (acss-xxxx)。

相关讨论

• [问题] 样式怎么嵌套呢
• [BUG] 开启 babel-plugin-antd-style 插件后内部 cx 生成的类名和导出的不一致