本人想实现一个基于svg的图形加文字的混合排列，例如‘△React○Chi□△na’，目前难点在不知道里面的字母的宽度，里面的文字我用的是svg Text标签，我知道可以用ref来获取到实际的宽度，但感觉有点复杂，如果很多图和字符串的混合排列，效率等等都是问题，网上还搜到一个解决方法是用传统的dom的方式构建个span，把要的字符串设置进去，然后得到宽度，然后再把这个span删掉。但总觉得这个方法太非react，不知道有没有什么更好的办法。
本人想实现一个基于svg的图形加文字的混合排列，例如‘△React○Chi□△na’，目前难点在不知道里面的字母的宽度，里面的文字我用的是svg Text标签，我知道可以用ref来获取到实际的宽度，但感觉有点复杂，如果很多图和字符串的混合排列，效率等等都是问题，网上还搜到一个解决方法是用传统的dom的方式构建个span，把要的字符串设置进去，然后得到宽度，然后再把这个span删掉。但总觉得这个方法太非react，不知道有没有什么更好的办法。