將省略號放在反應的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' 
 
}