在React/JavaScript中不知道字体的情况下计算文本的像素宽度

// 创建隐藏的DOM元素
const hiddenElement = document.createElement('span');
hiddenElement.style.visibility = 'hidden';
hiddenElement.style.position = 'absolute';
hiddenElement.style.whiteSpace = 'nowrap';

// 设置要计算宽度的文本内容
hiddenElement.textContent = '要计算宽度的文本内容';

// 将隐藏元素添加到页面中
document.body.appendChild(hiddenElement);

// 获取文本的像素宽度
const textWidth = hiddenElement.offsetWidth;

// 移除隐藏元素
document.body.removeChild(hiddenElement);

console.log('文本的像素宽度：', textWidth);