Quiz for Embedding Expressions

Q1: How can you embed a JavaScript expression inside JSX?

A. {2+2} B. {{2+2}} C. <2+2> D. [2+2]

Q2: What will be the result of rendering <h1>{10 + 5}</h1>?

A. <h1>10 + 5</h1> B. <h1>{10 + 5}</h1> C. <h1>105</h1> D. <h1>15</h1>

Q3: Which of the following is NOT a valid JSX expression?

A. {myFunction()} B. {true && "Text"} C. {if (true) "Yes"} D. {user.name}

Q4: Which syntax is correct to embed a variable in JSX?

A. {name} B. {{name}} C. <name> D. [name]

Q5: What will <p>{3 * 4}</p> render?

A. <p>3 * 4</p> B. <p>7</p> C. <p>12</p> D. <p>{3 * 4}</p>

Q6: Can we embed function calls in JSX?

A. Yes, using {} B. No C. Only arrow functions D. Only in class components

Q7: What happens if you embed undefined in JSX?

A. It shows "undefined" B. It throws error C. It renders nothing D. It shows "null"

Q8: How to render an array of elements in JSX?

A. {[<li>A</li>, <li>B</li>]} B. {{<li>A</li>, <li>B</li>}} C. <li>{A, B}</li> D. [<li>A</li>, <li>B</li>]

Q9: Can conditional rendering be done inside JSX?

A. Yes, using ternary operators B. No C. Only in render() D. Yes, using switch statement

Q10: Which of the following will render nothing in JSX?

A. {false} B. {null} C. {undefined} D. All of the above

Q11: Which expression is valid inside JSX?

A. {user.age} B. {user.age;} C. user.age D. <user.age>

Q12: What is the output of: <h2>{`Age: ${25}`}</h2>?

A. <h2>{Age: 25}</h2> B. <h2>Age: 25</h2> C. Age: 25 D. <h2>Age: ${25}</h2>

Q13: Which of the following is an example of dynamic content rendering in JSX?

A. <p>{name}</p> B. <p>{{name}}</p> C. <p name={name}> D. <p>{name: value}</p>

Q14: How do you embed a number inside JSX?

A. {42} B. {{42}} C. <42> D. "42"

Q15: What does JSX interpret inside {}?

A. Strings only B. Statements only C. JavaScript expressions D. HTML tags

Q16: What’s the correct syntax to display the result of a function getValue() in JSX?

A. {getValue()} B. getValue() C. {{getValue()}} D. <getValue()>

Q17: Is this valid JSX: <h1>{x > 10 ? "Big" : "Small"}</h1>?

A. Yes B. No C. Only in class components D. Only if x is a number

Q18: How to safely access an optional object property in JSX?

A. {user?.name} B. {user.name} C. {{user.name}} D. <user.name>

Q19: Can a JSX expression return an element?

A. Yes B. No C. Only in functions D. Only in fragments

Q20: What will JSX render for: <div>{true}</div>?

A. true B. Nothing C. Error D. 0