文件名称：在中间截断一个长字符串，而不是在末尾截断。
文件大小：409KB
文件格式：ZIP
更新时间：2024-06-28 10:46:48
Utilities
React Middle Ellipsis 查看演示。 在长文本的末尾添加省略号很酷。 但不总是！ 有时，文本的结尾包含重要信息，尤其是 URL 或文件名。 这个 React 组件在设计时就考虑到了这个用例。 安装 yarn add react-middle-ellipsis 用法一旦导入，你就可以用 . 这将计算周围父节点的宽度。 然后，它会寻找子节点（所以确保在内部至少添加一个跨度）：它将使用这个元素来计算子节点的宽度，然后缩短类为 ellipseMe（可选）的文本元素以适应在父级内。 如果浏览器窗口调整大小，组件也会重新计算！ 从“React”导入React； 从“react-middle-ellipsis”导入 MiddleEllipsis； const 组件 = 道具 => { 返回 ( <> 我是一些应该在中间省略的长文本，因为结尾包含重要的内容。 不要省略我。{" "}我是一些长文本，应该在中间省略，因为结尾包含重要内容。 <>); }; 导出默认组件； 开发此组件的开发说明。 yarn && yarn run start 在这个目录中，也在/example 中单独运行。
【文件预览】：
react-middle-ellipsis-master
----.eslintrc(5KB)
----example()
--------package.json(794B)
--------.env(26B)
--------src()
--------public()
--------yarn.lock(521KB)
----package.json(2KB)
----LICENSE(1KB)
----src()
--------index.js(2KB)
----.npmignore(48B)
----.gitignore(204B)
----webpack.config.js(1KB)
----README.md(2KB)
----yarn.lock(548KB)