【发布时间】:2021-06-23 00:37:17
【问题描述】:
我做了一个文本截断来检查是否溢出,因此它将显示ReadMore 按钮,需要使其连续读取元素高度,以便它可以显示和删除响应式溢出活动,现在您可以在代码沙箱中看到它需要重新渲染以读取高度,但是当客户将窗口置于响应视图而不重新渲染时,他希望继续工作
【问题讨论】:
标签: javascript reactjs truncate
我做了一个文本截断来检查是否溢出,因此它将显示ReadMore 按钮,需要使其连续读取元素高度,以便它可以显示和删除响应式溢出活动,现在您可以在代码沙箱中看到它需要重新渲染以读取高度,但是当客户将窗口置于响应视图而不重新渲染时,他希望继续工作
【问题讨论】:
标签: javascript reactjs truncate
将您编写的代码分配给窗口调整大小处理程序以检查溢出并显示 ReadMore 按钮作为函数。每次发生调整大小事件时都会触发。
window.addEventListener('resize', function(event){
// Check for overflow
});
将上述代码放在useEffect onMount中,在unMount部分添加removeEventListener,这样即使组件不存在也不会执行。
【讨论】: