React 2

Enter the correct ReactDOM method to render the React element to the DOM:

ReactDOM._________(myElement, document.getElementById('root'));

• render

• useState

• react

• root

Complete this arrow function:

hello = ______ "Hello World!";

• () =>

• =>

• (something) =>

• () =

Select a variable that cannot be changed.

______ x = 5.6;

• const

• let

• int

• float

Select the array method that will allow you to run a function on each item in the array and return a new array.

const myList = myArray._______((item) => <p>{item}</p>)

• map

• list

• runArray

• newArray

Use destructuring to extract only the third item from the array, into a variable named suv.

const vehicles = ['mustang', 'f-150', 'expedition'];

const [______] = vehicles;

• , , suv

• 3

• 2

• 'expedition'

Use the spread operator to combine the following arrays.

const arrayOne = ['a', 'b', 'c'];

const arrayTwo = [1, 2, 3];

const arraysCombined = [________________];

• 'a','b','c',1,2,3

• arrayOne,arrayTwo

• ...arrayOne, ...arrayTwo

• arrayOne + arrayTwo

Render a <p> element without using JSX.

const paragraph = React.createElement(_____, {}, 'This is a paragraph without using JSX!');

• p

• c

• <p>

• paragraph

Render a <p> element using JSX:

const paragraph = ____This is a paragraph using JSX!____;

ReactDOM.render(paragraph, document.getElementById('root'));

• <p> ... </p>

• p .... p

• p .... /p

• <p1> .... </p1>

Complete this statement that renders a JavaScript expression inside JSX:

const myelement = <h1>React is __ 10 * 10 __ times better with JSX!</h1>;

• { ... }

• [ ... ]

• / ... /

• \ ... \

Complete this expression to include a class attribute the way JSX supports.

const title = <h1 ________="primary">Hello World!</h1>;

• class

• className

• style

• styleClass