Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

React-Hooks

Total questions: 12

Worksheet time: 5mins

Name
Class
Date
1.

useState devuelve ...

a)

una funcion

b)

un objeto

c)

un array

2.

¿Cual es el analogo a mapStateToProps en Hooks?

a)

useSelector()

b)

useReducer()

c)

useDispatch()

d)

useState()

e)

useEffect()

3.

¿Qué hace el siguiente código? Seleccione la/s opción/es correcta/s

const [name, setName] = useState('Juana');

if(name === 'Juana'){ setName('Pedro'); } console.log(name);

a)

Creo un estado local para un componente

b)

El console.log me muestra 'Juana'

c)

Creo un estado global para toda mi aplicación

d)

El console.log me muestra 'Pedro'

e)

Que buena pregunta

4.

Los Hooks fueron creados para trabajar con componentes de función

a)

Verdadero

b)

Falso

5.

useDispatch() devuelve una referencia a la función de dispatch

a)

Verdadero

b)

Falso

6.

El siguiente código ..

const name = useState(); name.setState('Juana');

a)

Es correcto

b)

Es incorrecto

c)

e

7.

¿Se puede ejecutar componentDidMount, componentDidUpdate, y componentWillUnmount en componentes de función?

a)

No

b)

Si

8.

¿Si uso useEffect puedo usar connect?

a)

Si

b)

No

9.

Este código, ¿Es correcto?

`function aComponent(){

const dispatch = useDispatch();

return ( <div> <button onClick={() => dispatch({ type: 'AN_ACTION' })}> Execute something </button> </div> ) }

a)

Si

b)

No

10.

useState es un Hook que se utiliza para crear un elemento en el estado global

a)

Verdadero

b)

Falso

11.

¿Que hook me permite trabajar con el ciclo de vida de un componente de función?

a)

useSelector()

b)

useDispatch

c)

useEffect()

d)

useState()

12.

Puedo usar Hooks en componentes de clase

a)

Verdadero

b)

Falso