Q41. How do you pass an event handler to a component?
You can pass event handlers and other functions as props to child components. The functions can be passed to child component as below, ```jsx function Button({ onClick })...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (71 available).
Active:
Tag: jsx ×
Q42. How JSX prevents Injection Attacks?
React DOM escapes any values embedded in JSX before rendering them. Thus it ensures that you can never inject anything that’s not explicitly written in your application. ...
Q43. How do you print falsy values in JSX?
The falsy values such as false, null, undefined, and true are valid children but they don't render anything. If you still want to display them then you need to convert it...
Q44. Do browsers understand JSX code?
No, browsers can't understand JSX code. You need a transpiler to convert your JSX to regular Javascript that browsers can understand. The most widely used transpiler righ...
Q45. What are the benefits of new JSX transform?
There are three major benefits of new JSX transform, 1. It is possible to use JSX without importing React packages 2. The compiled output might improve the bundle size in...
Q46. How is the new JSX transform different from old transform??
The new JSX transform doesn’t require React to be in scope. i.e, You don't need to import React package for simple scenarios. Let's take an example to look at the main di...
Q47. What is strict mode in React?
`React.StrictMode` is a useful component for highlighting potential problems in an application. Just like ``, `` does not render any extra DOM elements. It activates addi...
Q48. What are the rules of JSX?
The below 3 rules needs to be followed while using JSX in a react application. 1. **Return a single root element**: If you are returning multiple elements from a componen...
Q49. What is the reason behind multiple JSX tags to be wrapped?
Behind the scenes, JSX is transformed into plain javascript objects. It is not possible to return two or more objects from a function without wrapping into an array. This...
Q50. Can you have multiple useEffect hooks in a single component?
Yes, multiple useEffect hooks are allowed and recommended when you want to separate concerns. ```jsx useEffect(() => { // Handles API fetch }, []); useEffect(() => { // H...