javascript - 如何使我的文本截断以进行持续响应？

Question

我做了一个文本截断，它检查是否溢出，所以它会显示ReadMore按钮，需要让它连续读取元素高度，这样它就可以显示和删除响应式的溢出活动现在你可以在代码沙箱中看到它需要重新渲染读取高度，但客户希望在将窗口置于响应视图而不重新渲染时继续工作

代码沙盒演示：https ://codesandbox.io/s/aged-breeze-bbqel

标签： javascriptreactjstruncate

Answer 1

将您编写的代码分配给检查溢出并显示 ReadMore 按钮作为窗口调整大小处理程序的函数。每次发生调整大小事件时都会触发。

window.addEventListener('resize', function(event){
  // Check for overflow
});

将上述代码放在useEffect onMount中，在unMount部分添加removeEventListener，这样即使组件不存在也不会执行。