将省略号放在react 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

不知道它是否与文本标签一起使用，但尝试将此样式添加到文本中。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;