如何在文字介绍下动态显示展开按钮？
时间：2023-03-29 12:56:51
HTML
关键字：获取富文本的scrollHeight和offsetHeight高度。产品要求1.介绍文字时，显示前三行，后面是省略号。1.文本引入是富文本，react解析富文本，使用的api是constdata=`
1
`
2.如果省略号显示超过三行，使用csstext-overflow:ellipsis;显示：-webkit-box；-webkit-box-orient：垂直；-webkit-line-clamp:3;/*这里省略了几行*/overflow:hidden;3.是否显示‘展开按钮’，这个需要根据内容动态显示，当介绍不超过三行文字，即末尾没有‘...’时有不需要显示'expandbutton'，如何判断？使用其他两个与dom相关的APIsrollHeight和offsetHeightuseEffect(()=>{letconDOm=conRef.current;if(conDOm){constoffsetH=conDOm.offsetHeight;constsrollH=conDOm.scrollHeight;console.log(offsetH,'offsetH');console.log(srollH,'srollH');//高级面试时如果((srollH-2)>offsetH){setisDisplayText(true);}}},[])会有2px偏差Sometimes我就问你，react这个api：dangerouslySetInnerHTML是怎么实现的？
