ADVERTISEMENT
ADVERTISEMENT

ReactJS Multiple-Choice Questions (MCQs)

React / ReactJS is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

ReactJS MCQs: This section contains ReactJS Multiple-Choice Questions with Answers. These ReactJS MCQs are written for beginners as well as advanced, practice these MCQs to enhance and test the knowledge of ReactJS.

List of ReactJS MCQs

1. React is also known as _____.

  1. ReactJS
  2. js
  3. Both A. and B.
  4. None of these

Answer: C) Both A. and B.

Explanation:

React is also known as React.js and ReactJS.


2. React is a _________.

  1. Web development Framework
  2. JavaScript Library
  3. jQuery
  4. Web Server

Answer: B) JavaScript Library

Explanation:

React is a JavaScript library.


3. Which ReactJS function renders HTML to the web page?

  1. render()
  2. ReactDOM.render()
  3. renders()
  4. ReactDOM.renders()

Answer: B) ReactDOM.render()

Explanation:

The ReactDOM.render() function is used to render HTML to the web page.


4. JSX stands for _____.

  1. JSON
  2. JSON XML
  3. JavaScript XML
  4. JavaScript and AngularJS

Answer: C) JavaScript XML

Explanation:

JSX stands for JavaScript XML.


5. JSX allows us to write _____.

  1. jQuery in React
  2. Angular Code in React
  3. MySQL in React
  4. HTML in React

Answer: D) HTML in React

Explanation:

JSX allows us to write HTML in React.


6. What is the correct syntax to write expression in JSX?

  1. [ expression ]
  2. { expression }
  3. {{ expression }}
  4. _expression

Answer: B) { expression }

Explanation:

With JSX, an expression can be written using the syntax, { expression }.


7. A class component must include the _______ statement.

  1. extends React.Component
  2. extends React
  3. extends Component
  4. extends React.Component.All

Answer: A) extends React.Component

Explanation:

A class component must include the extends React.Component statement.


8. What are Props?

  1. Props are arguments passed into React components
  2. Props are functions in the ReactJS
  3. Props are used to returns multiple values from the function
  4. All of the above

Answer: A) Props are arguments passed into React components

Explanation:

Props are arguments passed into React components.


9. What does props stand for?

  1. Proper Arguments
  2. Properties
  3. Proper Return Values
  4. All of the above

Answer: B) Properties

Explanation:

The props stands for properties.


10. Which ReactJS command is used to create a new application?

  1. create-react-app
  2. new-react-app
  3. create-new-reactapp
  4. react-app

Answer: A) create-react-app

Explanation:

The create-react-app command is used to create a new React Application.


11. Which ReactJS command is used to set up everything you need to run a React Application?

  1. create-react-app
  2. new-react-app
  3. create-new-reactapp
  4. react-app

Answer: A) create-react-app

Explanation:

The create-react-app command is used to set up everything you need to run a React Application.


12. How to install create-react-app?

  1. npx create-react-app -new my-app
  2. npx create-react-app -app my-app
  3. npx new-react-app my-app
  4. npx create-react-app my-app

Answer: D) npx create-react-app my-app

Explanation:

The npx create-react-app my-app command is used to install create-react-app.


13. ES6 stands for ____.

  1. ECMAScript 6
  2. Extended-JavaScript Version 6
  3. Extensive-JavaScript 6
  4. Expanded-JavaScript 6

Answer: A) ECMAScript 6

Explanation:

ES6 stands for ECMAScript 6.


14. ECMAScript was created to standardize _____.

  1. TypeScript
  2. Java
  3. JSON
  4. JavaScript

Answer: D) JavaScript

Explanation:

ECMAScript was created to standardize JavaScript.


15. In ES6 – A class is a type of ____.

  1. Basic datatype
  2. Derived datatype
  3. Variable
  4. Function

Answer: D) Function

Explanation:

In ES6 – A class is a type of function.


16. In ES6 – Which keyword is used to initiate a class?

  1. function
  2. class
  3. ReactClass
  4. ReactClassJs

Answer: B) class

Explanation:

In ES6 – A class is a type of function, but instead of using the keyword function to initiate it, we use the keyword class.


17. In ES6 – The class properties are assigned inside a _____ method.

  1. props()
  2. properties()
  3. constructor()
  4. react-properties()

Answer: C) constructor()

Explanation:

In ES6 – The class properties are assigned inside a constructor() method.

class Laptop{
  constructor(name) {
    this.model = name;
  }
}

18. In ES6 – Which keyword is used for class inheritance?

  1. extends
  2. extend
  3. inheritance
  4. inheritances

Answer: A) extends

Explanation:

In ES6 – The extends keyword is used for class inheritance.


19. In ES6 – What is the correct syntax of class inheritance?

  1. class class1 extends class2{...}
  2. class class1 extends | class2{...}
  3. class class1 | extends class2{...}
  4. class class1 | extends | class2{...}

Answer: A) class class1 extends class2{...}

Explanation:

In ES6 – The correct syntax of class inheritance is:

class class1 extends class2{...}

20. In ES6 – Which method refers to the parent class?

  1. parent()
  2. super()
  3. top()
  4. main()

Answer: B) super()

Explanation:

In ES6 – The super() method refers to the parent class.


21. In ES6 – Why arrow functions are used?

  1. To access pointer variable
  2. To access variable of a class
  3. Both A. and B.
  4. Write shorter function syntax

Answer: D) Write shorter function syntax

Explanation:

In ES6 – The arrow functions are used to write shorter function syntax.


22. Consider the below function – which is the correct syntax of arrow function?

Msg = function() {
  return "Good Morning";
}
  1. Msg = () => {return "Good Morning";}
  2. Msg = () => "Good Morning";
  3. Both A. and B.
  4. None of the above

Answer: C) Both A. and B.

Explanation:

In ES6 – Below given both of the syntaxes are correct of arow function:

Msg = () => {
	return "Good Morning";
}
Msg = () => "Good Morning";

23. Which is the correct arrow function to add two numbers?

  1. add = (a,b) => a+b;
  2. add = (a,b) => return a+b;
  3. add = (a,b) => { return a+b;}
  4. Both A. and B.
  5. Both B. and C.

Answer: E) Both B. and C.

Explanation:

In ES6 – Below given both are the arrow functions to add two numbers:

add = (a,b) => return a+b;
add = (a,b) => { return a+b;}

24. With an arrow function – this keyword represents _____.

  1. Content
  2. Header object
  3. Current object
  4. Child object

Answer: B) Header object

Explanation:

With an arrow function – this keyword represents Header object.


25. Complete the below given arrow function.

Msg = ____ "Hi, there!";
  1. ()
  2. =>
  3. ()>
  4. () =>

Answer: D) () =>

Explanation:

The correct arrow function is:

Msg = () => "Hi, there!";

26. In ES6 – Which are the keywords to define variables?

  1. var
  2. let
  3. const
  4. All of the above

Answer: D) All of the above

Explanation:

In ES6 – There are three ways of defining your variables: var, let, and const.


27. In ES6 – var has a function scope, not a block scope?

  1. True
  2. False

Answer: A) True

Explanation:

In ES6 – The statement "var has a function scope, not a block scope." is True.


28. In ES6 – var has a function scope, not a block scope?

  1. True
  2. False

Answer: A) True

Explanation:

In ES6 – The statement "var has a function scope, not a block scope." is True.


29. In ES6 – let is the block scoped version of ____.

  1. const
  2. function
  3. var
  4. None of the above

Answer: C) var

Explanation:

In ES6 – The let is the block scoped version of var.


30. In ES6 – let has a block scope.

  1. True
  2. False

Answer: A) True

Explanation:

In ES6 – The statement "let has a block scope." is True.


31. In ES6 – Which keyword is used to define a constant?

  1. var
  2. const
  3. let
  4. constant

Answer: B) const

Explanation:

In ES6 – The const keyword is used to define a constant.


32. Which method is used to generate lists?

  1. map()
  2. generate()
  3. new()
  4. maps()

Answer: A) map()

Explanation:

The map() method is used to generate lists in React ES6.


33. What is the default port where webpack-server runs?

  1. 443
  2. 3030
  3. 3306
  4. 8080

Answer: D) 8080

Explanation:

The default port to run webpack-server is 8080.


34. What are components in ReactJS?

  1. Components are like functions that return HTML elements.
  2. Components are the HTML elements.
  3. Components are the set of variables defined in ReactJS.
  4. None of the above

Answer: A) Components are like functions that return HTML elements.

Explanation:

In ReactJS, the components are like functions that return HTML elements.


35. How many types of the components in ReactJS?

  1. 1
  2. 2
  3. 3
  4. 4

Answer: B) 2

Explanation:

There are two types of components in ReactJS.


36. Which are the valid components in ReactJS?

  1. Variable components
  2. Function components
  3. Class components
  4. Both A. and B.
  5. Both B. and C.

Answer: E) Both B. and C.

Explanation:

There are two types of components in ReactJS, which are:

  • Function components
  • Class components

37. Which statement is required to define a class component?

  1. extends React.Components
  2. imports React.Components
  3. extends React.Component
  4. imports React.Component

Answer: C) extends React.Component

Explanation:

In ReactJS, a class component must include the extends React.Component statement.


38. Consider the below statement – Which method will be used at the place of blank space (____)?

class MainTitle extends React.Component {
  ______ {
    return <h1>Welcome at IncludeHelp!</h1>;
  }
}
  1. renderDOM()
  2. renderComponent()
  3. render()
  4. render()

Answer: C) render()

Explanation:

The correct code is:

class MainTitle extends React.Component {
  render() {
    return <h1>Welcome at IncludeHelp!</h1>;
  }
}

39. Can components be passed as props?

  1. Yes
  2. No

Answer: A) Yes

Explanation:

Yes, the components can be passed as props.


40. In ReactJS, what is State?

  1. It's a temporary storage of the elements
  2. It's a state of the execution of the ReactJS application
  3. It's an internal storage of the components
  4. All of the above

Answer: C) It's an internal storage of the components

Explanation:

In ReactJS, the State is an internal storage of the components.


ADVERTISEMENT


ADVERTISEMENT


Comments and Discussions!



ADVERTISEMENT

ADVERTISEMENT

ADVERTISEMENT

ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT

Languages: » C » C++ » C++ STL » Java » Data Structure » C#.Net » Android » Kotlin » SQL
Web Technologies: » PHP » Python » JavaScript » CSS » Ajax » Node.js » Web programming/HTML
Solved programs: » C » C++ » DS » Java » C#
Aptitude que. & ans.: » C » C++ » Java » DBMS
Interview que. & ans.: » C » Embedded C » Java » SEO » HR
CS Subjects: » CS Basics » O.S. » Networks » DBMS » Embedded Systems » Cloud Computing
» Machine learning » CS Organizations » Linux » DOS
More: » Articles » Puzzles » News/Updates

© https://www.includehelp.com some rights reserved.