Q61. How to bind methods or event handlers in JSX callbacks?
There are 3 possible ways to achieve this in class components: 1. **Binding in Constructor:** In JavaScript classes, the methods are not bound by default. The same rule a...
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 ×
Q62. How to pass a parameter to an event handler or callback?
You can use an _arrow function_ to wrap around an _event handler_ and pass parameters: ```jsx harmony this.handleClick(id)} /> ``` This is an equivalent to calling `.bind...
Q63. What are forward refs?
_Ref forwarding_ is a feature that lets some components take a _ref_ they receive, and pass it further down to a child. ```jsx harmony const ButtonElement = React.forward...
Q64. How to create props proxy for HOC component?
You can add/edit props passed to the component using _props proxy_ pattern like this: ```jsx harmony function HOC(WrappedComponent) { return class Test extends Component ...
Q65. How to set state with a dynamic key name?
If you are using ES6 or the Babel transpiler to transform your JSX code then you can accomplish this with _computed property names_. ```javascript handleInputChange(event...
Q66. What would be the common mistake of function being called every time the component renders?
You need to make sure that function is not being called while passing the function as a parameter. ```jsx harmony render() { // Wrong: handleClick is called instead of pa...
Q67. How you use decorators in React?
You can _decorate_ your _class_ components, which is the same as passing the component into a function. **Decorators** are flexible and readable way of modifying componen...
Q68. Is it possible to use React without rendering HTML?
It is possible. Below are the possible options: ```jsx harmony render() { return false } ``` ```jsx harmony render() { return true } ``` ```jsx harmony render() { return ...
Q69. Why are inline ref callbacks or functions not recommended?
If the ref callback is defined as an inline function, it will get called twice during updates, first with null and then again with the DOM element. This is because a new ...
Q70. Is it possible to use react without JSX?
Yes, JSX is not mandatory for using React. Actually it is convenient when you don’t want to set up compilation in your build environment. Each JSX element is just syntact...