小编Tay*_*ess的帖子

使用clamp.js在React中的线夹导致IE11中的对象错误

目标:当任务描述超过两行时,浏览器响应地呈现溢出文本省略号,而不是当它不是时。

单击此处查看所需结果的屏幕截图。

下面是我的 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)

javascript internet-explorer cross-browser reactjs clamp

5
推荐指数
1
解决办法
2584
查看次数