Me han preguntado en una entrevista si es posible lo siguiente (¿es así?): ¿Hay alguna forma de crear un componente {amp}lt;style{amp}gt; con ReactJS?
Un componente, que si lo inspecciono en el inspector dom, se mostrará como (por ejemplo):

 {amp}lt;style{amp}gt; body:{ color:red;} {amp}lt;/style{amp}gt; 

Sí, puedes hacerlo así

 {amp}lt;style{amp}gt; {`p {display: block}`} {amp}lt;/style{amp}gt; 

Tenga en cuenta los backticks

Espero que esto ayude

Sí tu puedes.

 React.createElement("style", null, "body:{ color:red;}"); 

O simplemente agrega

 function MyStyle(){ return ( {amp}lt;style{amp}gt; {` body:{ color:red;} `} {amp}lt;/style{amp}gt; ) } 

Como dijo Shmili Breuer en la otra respuesta, el backtick ` es muy importante.

¿Por qué? Porque si no lo usa, reaccionará pensará que {} es un alcance de bloque y no una cadena literal.

Puede, pero el método preferido es poner estilo en un atributo llamado style . Por ejemplo:

 {amp}lt;div style={styles.container}{amp}gt;{amp}lt;/div{amp}gt; const styles = { container: { color: 'red', }, };