L'ajout de styles en ligne aux éléments dans React prendra effet sur tout le reste sauf whiteSpace. Existe-t-il un moyen de résoudre ce problème ? Le but est de l'utiliser lorsque le texte déborde

 <span style={{
    fontSize: '14px',
    paddingTop: '1px',
    fontFamily: '微软雅黑',
    maxWidth: '56px',
    overflow: 'hidden',
    textOverflow: 'ellipsis',
    whiteSpace: 'nowrap'
 }}>
    {node.title}
  </span>

Le style affiché dans le navigateur est

element.style {
    font-size: 14px;
    padding-top: 1px;
    font-family: 微软雅黑;
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
}

S'il vous plaît, donnez-moi quelques conseils, merci beaucoup