Q61. How to make router param changes as reactive?
When you navigate from one URL to other(mapped with a single component) using routes with params then the same component instance will be reused. Even though it is more e...
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 (454 available).
Active:
Tag: react ×
Q62. How to loop inside JSX?
You can simply use `Array.prototype.map` with ES6 _arrow function_ syntax. For example, the `items` array of objects is mapped into an array of components: ```jsx harmony...
Q63. How do you access props in attribute quotes?
React (or JSX) doesn't support variable interpolation inside an attribute value. The below representation won't work: ```jsx harmony ``` But you can put any JS expression...
Q64. What is React proptype array with shape?
If you want to pass an array of objects to a component with a particular shape then use `React.PropTypes.shape()` as an argument to `React.PropTypes.arrayOf()`. ```javasc...
Q65. How to conditionally apply class attributes?
You shouldn't use curly braces inside quotes because it is going to be evaluated as a string. ```jsx harmony ``` Instead you need to move curly braces outside (don't forg...
Q66. What is the difference between React and ReactDOM?
The `react` package contains `React.createElement()`, `React.Component`, `React.Children`, and other helpers related to elements and component classes. You can think of t...
Q67. Why ReactDOM is separated from React?
The React team worked on extracting all DOM-related features into a separate library called _ReactDOM_. React v0.14 is the first release in which the libraries are split....
Q68. 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...
Q69. 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"} ...
Q70. How to re-render the view when the browser is resized?
You can use the `useState` hook to manage the width and height state variables, and the `useEffect` hook to add and remove the `resize` event listener. The `[]` dependenc...