Are you a candidate looking to sharpen your skills? Try our practice tests or view sample interview questions & Get hired by the best. Click Here×

React.js Online Test

Topics Covered

  • Mounting Method
  • Render Function
  • Password Principles
  • Component Optimize
  • Default Values for Properties
  • Handling Events
  • React Facts

Useful for hiring

  • React.js Developer
  • JavaScript Developer – React.js
  • Front End Developer – React.js
  • React.js Consultant
  • Fullstack Developer – React.js

Start hiring job-fit candidates using this assessment

GET A DEMO

"We are impressed with Interview Mocha's comprehensive IT skill test batteries and their ability to provide tailor-made assessments quickly. The results we got from Interview Mocha exceeded our expectations, employees found the tests quick, fun, and a benchmark of their knowledge."

Ajay Garg, Siemens,
Associate Manager
Question

How to create a component with multiple elements and no parent?

Note: There can be multiple correct answers to this question.

Answer
    • const Fruits = props => [
      <div key="apple">Apple</div>,
      <div key="orange">Orange</div>
      ];

    • const Fruits = props => (
      <React.Fragment>
      <div key="apple">Apple</div>
      <div key="orange">Orange</div>
      </React.Fragment>
      );

    • const Fruits = ['Apple', 'Orange'].map(fruit => <div key={fruit}>{fruit}</div>);

Question

How does React handle Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) standard?

Answer
    • aria-* HTML attributes are fully supported in JSX. Where most DOM properties and attributes in React are camelCased, these attributes should be lowercased

    • aria-* attributes should be converted to camelCase like other attributes eg. className, onChange and so on

    • React processes aria-* attributes separately and update the DOM for accessibility if the user requires it

    • React is yet to support WAI-ARIA standard

Good News! You can customize this test as per your requirement

  • Choose and add questions from Interview Mocha question libraries

  • Add your own set of questions

  • Customize test settings like duration, number of questions, passing score, web proctoring and much more

  • Mail us at support@interviewmocha.com to create a custom test

Looking for a tailor-made test, to suit your assessment needs?

Get in touch

Global companies using Mocha assessments

  • altran
  • credit suisse
  • sephora
  • nielsen
  • capgemini
  • akamai

How Mocha assessments are brewed

Speed up your IT recruitment with Interview Mocha

  • 500+ IT skill tests
  • 20+ coding languages
  • 50+ domain knowledge tests
  • 100+ digital 2.0 skill tests
  • Customer focus aptitude tests
  • Enterprise ready features & more...
GET A DEMO

Why hiring managers and recruiters across the globe love Interview Mocha

Take your first step to hire job fit candidates

GET A DEMO