Q21. How to use React label element?
If you try to render a `` element bound to a text input using the standard `for` attribute, then it produces HTML missing that attribute and prints a warning to the conso...
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 ×
Q22. How to combine multiple inline style objects?
You can use _spread operator_ in regular React: ```jsx harmony {"Submit"} ``` If you're using React Native then you can use the array notation: ```jsx harmony {"Submit"} ...
Q23. How to pretty print JSON with React?
We can use `` tag so that the formatting of the `JSON.stringify()` is retained: ```jsx harmony const data = { name: "John", age: 42 }; function User { return {JSON.string...
Q24. How to focus an input element on page load?
You need to use `useEffect` hook to set focus on input field during page load time for functional component. ```jsx harmony import React, { useEffect, useRef } from "reac...
Q25. How can we find the version of React at runtime in the browser?
You can use `React.version` to get the version. ```jsx harmony const REACT_VERSION = React.version; ReactDOM.render( {`React version: ${REACT_VERSION}`}, document.getElem...
Q26. How do you apply vendor prefixes to inline styles in React?
React _does not_ apply _vendor prefixes_ automatically. You need to add vendor prefixes manually. ```jsx harmony ```
Q27. How to import and export components using React and ES6?
You should use default for exporting the components ```jsx harmony import User from "user"; export default function MyProfile { return //...; } ``` See Class ```jsx harmo...
Q28. What are the exceptions on React component naming?
The component names should start with an uppercase letter but there are few exceptions to this convention. The lowercase tag names with a dot (property accessors) are sti...
Q29. How to implement _default_ or _NotFound_ page?
A `` renders the first child `` that matches. A `` with no path always matches. So you just need to simply drop path attribute as below ```jsx harmony ```
Q30. What are the two ways of formatting in React Intl?
The library provides two ways to format strings, numbers, and dates: 1. **Using react components:** ```jsx harmony ``` 2. **Using an API:** ```javascript const messages =...