Font size
WorksheetsReact-Estilos
Total questions: 9
Worksheet time: 5mins
¿A qué hacen referencia cada una de las 3 partes que componen el nombre de la clase?
<button class="Button_button_2grrNP"></button>
Nombre de la clase - nombre del componente - identificador
Nombre del componente - nombre de la clase - identificador
Nombre del módulo - nombre de la clase - identificador
Nombre de la clase - nombre del módulo - identificador
Nombre del archivo - nombre del módulo - identificador
¿Qué formato tienen las propiedades del objeto aceptado por el atributo style?
camelCase
lowercase
uppercase
UpperCamelCase
BumpyCase
¿Cuáles de las siguientes características corresponden a Css Modules?
Podemos usarlo 'out-of-the-box' con create-react-app
Las animaciones tienen un alcance local de forma predeterminada
Los nombres de clases tienen un alcance local de forma predeterminada
No necesita ser compilado
Los estilos son en cascada y pasan de componentes padres a hijos
¿Qué diferencia hay entre los keywords class y className?
class es la forma antigua de dar estilos en React y className se utiliza en versiones actuales
className esta reservado en React y no se utiliza para dar estilos
className solo se utiliza para dar estilos inline y el uso de class es indistinto
className no funciona con versiones anteriores de React
class esta reservado en Javascript y no se utiliza para dar estilos.
¿Cómo se denomina la siguiente forma de dar estilos a un componente?
function HelloWorldComponent() {
return <div className='activado'>Hello World!</div>;
}
Inline
Css modules
kebab-case
Grid
Class
¿Cómo se denomina la siguiente forma de dar estilos a un componente?
const divStyle = {
color: 'blue',
backgroundImage: 'url(' + imgUrl + ')',
};
function HelloWorldComponent() {
return <div style={divStyle}>Hello World!</div>;
}
kebab-case
Grid
Inline
Block
Class
¿Cuáles son las modalidades que tengo de añadir estilos en React?
Global style
Todas son correctas
Css Modules
Inline style
Flex style
¿Qué recibe el atributo style de un componente?
Un tag html
Un Css string
Un modulo css
Un componente presentacional
Un objeto JS
Cual es la respuesta correcta?
A- B
B- D
C- A
D- C
