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

Question

我需要你的帮助，因为我对反应的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' 
 
}