目标:当任务描述超过两行时,浏览器响应地呈现溢出文本省略号,而不是当它不是时。
下面是我的 React 组件,clamp我们导入的是https://github.com/josephschmitt/Clamp.js的本地副本
import React from 'react'
import clamp from 'client/util/clamp'
import { findDOMNode } from 'react-dom'
const TextDescription = ({ name, description, dueDate }) => {
return (
<div>
<div className='desc-text' ref={(clampee) => {clampee && clamp(findDOMNode(clampee), { clamp: 2 })}}>
<strong>{name} Task: </strong> {description}.
</div>
<div>
Due: {dueDate}
</div>
</div>
)
}
Run Code Online (Sandbox Code Playgroud)
这在 Chrome 中完全有效(见上面的截图),因为它是 webkit 浏览器,甚至没有在getLastChild函数中输入这个有问题的代码区域clamp.js,但是在 IE11 中,我收到了与此行 #122 相关的错误来自夹.js 链接在上面。
错误:
[object Error] {description: "Unable to get …Run Code Online (Sandbox Code Playgroud)