react控制组件之间的层级关系
本⼈遇到的问题案例
⽹站的header和内容分属两个组件
导航部分属于header组件，轮播部分属于内容组件，通过导航切换内容组件。
可以看到思学⾏动态有下拉样式
但是本⼈之前遇到了不论怎么设置下拉层的层级都⽆效，被内容组件的层级覆盖⽆法正确展⽰。
解决⽅案。react组件之间通信
1、在body样式中添加position:relative;
2、在header容器样式中position：absolute;
3、在内容组件的容器样式中position：absolute;
这样做的⽬的在于将两个组件置于同等优先级的定位，此时给两个绝对定位的组件元素设置对应的zIndex属性就可以控制到想要控制的组件层级了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。