Results
1
issues of
光光
popover 使用的是tooltip组件的包装，但是在tooltip组件中有以下这些问题： 1. 对于使用了tooltip或者popover的组件，在页面上划过的时候，会有一闪而过的显示后隐藏的情况，正常情况下应该是有个延迟，快速鼠标移过该区域不会显示出气泡 2. 组件对于包裹的元素造成了侵入，比如123,其实是在页面多包裹了几层之类的标签，造成了侵入 3. 气泡的三角形样式用了百分比，在气泡内容过高时候，三角形会被盖住 解决方法： 1. 给移入事件加定时器，移出的时候清除 2. 用React.isValidElement判断是否非法element，如果是组件就给包裹一层span，不是的话，直接使用，最后再使用cloneElement去传入ref，不对外面传入的组件造成侵入 3. 气泡的三角形最好也使用margin-top: -15px之类的具体偏移量，保证三角形的位置一直都是确定的，使用百分比并不可靠。 有不妥的地方欢迎随时交流，感谢作者作出的组件案例，让我阅读中收获良多！