将省略号放在反应 svg 文本组件上

Question

我需要您的帮助，因为我在使用 react 的 svg 文本组件时遇到了一些问题。 我正在尝试呈现具有固定宽度的文本标签。但是如果文本太长，我无法找到在标签上添加省略号的方法。

var label = "Here is a really long text";
<text width={10}>{label}</text>

应该呈现为

<text width={10}>Here is a really...</text>

解决此问题的更好方法是什么？ 感谢您的帮助

Answer 1

不知道它是否适用于文本标签，但请尝试将此样式添加到文本中。

let textSty = {
  overflow: 'hidden',
  textAlign: 'left',
  textOverflow: 'ellipsis',
  whiteSpace: 'nowrap'
}