我怎样才能使我的文本截断以在持续响应下工作？

Question

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

时继续工作

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

Answer 1

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

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

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