Quiz for JSX Rules

Q1: What does JSX stand for in React?

A. JavaScript XML B. JavaScript Extension C. Java Syntax Extension D. Java XML Syntax

Q2: What is the correct way to render a dynamic variable in JSX?

A. {username} B. {{username}} C. [username] D. username

Q3: What is the return type of JSX expressions?

A. HTML B. React Element C. DOM Node D. String

Q4: Which attribute is used instead of "class" in JSX?

A. css B. classname C. className D. class-jsx

Q5: What is the correct JSX syntax to add inline styles?

A. style="color: red" B. style={color: "red"} C. style="color:red;" D. style={{color: "red"}}

Q6: Which of the following is NOT a valid JSX rule?

A. JSX must have one root element B. Use camelCase for event handlers C. class can be used directly D. JSX expressions must be closed

Q7: Which of the following statements about JSX is true?

A. JSX is required to use React B. JSX can return multiple sibling elements C. JSX compiles to JavaScript D. JSX returns HTML directly

Q8: Which symbol is used to denote a JSX expression?

A. {} B. () C. <> D. []

Q9: What is the correct way to write a self-closing JSX tag?

A. <img></img> B. <img/> C. <img> D. <img />

Q10: Which of the following is true about comments in JSX?

A. // comment B. /* comment */ C. {/* comment */} D. <!-- comment -->

Q11: What happens if you don’t wrap multiple JSX elements inside a parent?

A. It throws a warning B. It will not compile C. It works normally D. It ignores the second element

Q12: How do you write boolean attributes in JSX?

A. checked=true B. checked="true" C. checked={true} D. checked="checked"

Q13: Which of the following syntax is correct for setting tab index in JSX?

A. tabindex="0" B. tabIndex="0" C. tabIndex=0 D. tabindex=0

Q14: What must JSX elements be enclosed in?

A. Single quotes B. Double quotes C. Parentheses D. Angle brackets

Q15: What does Babel do with JSX?

A. Converts to HTML B. Converts to XML C. Converts to JavaScript D. Converts to CSS

Q16: Which fragment syntax is valid in JSX?

A. <Fragment> B. () C. <> D. <!>

Q17: Why are keys used in JSX lists?

A. To improve performance B. To uniquely identify elements C. To maintain component state D. All of the above

Q18: How do you render an array in JSX?

A. With loops B. With .render() C. Using .map() D. Using forEach()

Q19: JSX can only return a single:

A. Value B. Object C. Function D. Element

Q20: What is required for a ternary expression in JSX?

A. Brackets [] B. Curly braces {} C. Double quotes "" D. Parentheses ()