如果做成多级菜单

来源:7-4 让图标动起来 - 动画效果第一种实现方法

慕粉8564437

2020-04-15

老师现在我想在submenu里可以继续嵌套submenu,且下拉图标也是可以正常动画。但是做成多级嵌套,因为scss里控制旋转的是类,1级菜单的下拉图标旋转了,2级也会跟着旋转。我现在把控制本级菜单显示的menuOpen用作控制旋转的开关,用了一个三元运算符绑定在了<Icon/>
style={{tramsform: menuOpen ? 'rotate(180deg) : ‘rotate(0deg)’}}
目的现在已经达到了。但是我不是很确定,平常我们在写组件库的时候,能不能用我这样在组件里用计算的方式来处理本该用样式类来控制的样式?

写回答

1回答

张轩

2020-04-16

同学你好 很好的改进 写组件的时候是可以动态改变 style 的值的,你这样的做法没有问题。

0
1
慕粉8564437
非常感谢!
2020-04-16
共1条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2123 学习 · 959 问题

查看课程