JSX in React Quiz

Question 1

What does JSX compile into?

Accepted Answer

Calls that create plain JavaScript objects describing elements

Answer

An HTML string

Answer

Direct DOM instructions

Answer

A CSS stylesheet

Question 2

What does this render when items is an empty array?

Accepted Answer

The character 0

Answer

Nothing

Answer

The word false

Answer

An error

Question 3

Which of these can NOT go directly inside JSX curly braces?

Accepted Answer

An if statement

Answer

A ternary expression

Answer

A call to array.map

Answer

A string variable

Question 4

Why does JSX use className instead of class?

Accepted Answer

class is a reserved word in JavaScript, and JSX attributes become object properties

Answer

React styles work differently from CSS

Answer

className is shorter to type

Answer

It is required by the HTML specification

Question 5

What does the style prop expect?

Accepted Answer

An object with camelCased property names

Answer

A CSS string such as "color: red"

Answer

A class name

Answer

A reference to a stylesheet file

Question 6

Why would you use a fragment instead of a wrapper div?

Accepted Answer

Fragments group children without adding a node to the DOM

Answer

Fragments render faster than any element

Answer

Fragments allow multiple root elements to be returned as separate values

Answer

Fragments automatically add keys