【文件属性】：
文件名称：在中间截断一个长字符串，而不是在末尾截断。
文件大小：409KB
文件格式：ZIP
更新时间：2021-06-08 17:00:08
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)