Curso de React | 10. Estilos en React

export default () => <div style={{color:"red", fontSize:"72px"}}>Big Red</div>;

Es posible utilizar objetos para definir estilos

const styles ={color: "purple", fontSize: "40px", border:"2px solid purple"}

export default () => <div style={styles}>Style Me!</div>;

Hacer un componente App que:

• Cargue una hoja de estilos que aplique estilos a un elemento que tenga un class definido. Dicho elemento debe ser un cuadrado azul de tamaño 300x300px.
• Aplique estilos en línea a una etiqueta utilizando un objeto de Javascript (<div style={styles}>Style Me!</div>). Dicha etiqueta debe verse como un cuadrado verde de 100x100px.
• Cargue una imagen.