Comment convertir un objet de style JSON en chaîne CSS?

Question

Je voulais définir comme tel le style de mon élément:

this.refs.element.style = { 
    ...this.props.style, 
    background: 'blue', 
}; 

Mais apparemment, vous ne pouvez pas utiliser un objet pour définir le style de l'arbitre. Je dois utiliser une chaîne de style CSS avec ; séparant le prop:values

Je suis conscient que la plupart des gens définiraient le style dans la fonction de rendu, mais pour des raisons de performance, je ne peux pas répéter le rendu de façon répétée.

Answer 1

Je viens rampé Object.entries et réduit avec des points-virgules

const style = { 
    ...this.props.style, 
    background: 'blue', 
}; 

const styleString = (
    Object.entries(style).reduce((styleString, [propName, propValue]) => { 
    return `${styleString}${propName}:${propValue};`; 
    }, '') 
); 

Il upwraps background:'blue',-background:blue; qui fonctionne bien pour CSS