Preparing for a React internship or fresher interview? This free React interview questions test gives you 15 random questions on JSX, components and props, state and events, hooks, lists and keys, forms, and performance, and explains every answer. You get a new set of questions every time you take it.
What this React interview test covers
Every attempt gives you 15 random questions, balanced across 7 topics, with the questions and answer options shuffled, so no two tests are the same.
| Topic | What it checks | Questions per test |
|---|---|---|
| JSX & rendering | JSX syntax, className, expressions, fragments, virtual DOM | 2 |
| Components & props | Props, children, lifting state up, prop drilling | 2 |
| State & events | useState, updater functions, immutable updates, events | 2 |
| Hooks | useEffect, useRef, useContext, useMemo, custom hooks | 3 |
| Lists, keys & conditions | map, keys, conditional rendering | 2 |
| Forms & effects | Controlled inputs, preventDefault, fetching data in effects | 2 |
| Performance & ecosystem | React.memo, React Router, Redux, lazy loading, Next.js | 2 |
How to read your score
| Score | What it means |
|---|---|
| 12–15 (80%+) | Interview-ready. Your fundamentals are strong. Practise explaining these answers out loud, then start applying. |
| 8–11 (50–79%) | Almost there. A good base with a few gaps. Review your weakest topics and retake the test with new questions. |
| 0–7 (below 50%) | Build the basics. Focus on fundamentals first, using the explanations in your results, and try again in a week. |
Sample React interview questions for freshers (with answers)
Here are five questions of the kind the test asks, with answers and explanations.
1. Why should you not modify state directly, as in count = count + 1?
- A. It throws a syntax error
- B. It deletes the component
- C. React will not know to re-render; use the setter function
- D. It is slower but works the same
Answer: C. Always update state with the function from useState, such as setCount(count + 1).
2. What does an empty dependency array do: useEffect(fn, [])?
- A. Runs it after every render
- B. Runs the effect once after the first render
- C. Never runs it
- D. Runs it before rendering
Answer: B. With dependencies listed, it re-runs whenever they change; with no array, after every render.
3. Why do list items need a key?
- A. So React can identify which items changed, were added or removed
- B. Keys are optional and unused
- C. For CSS styling
- D. For SEO
Answer: A. Keys must be stable and unique among siblings.
4. Can a component change the props it receives?
- A. Only once
- B. Only in class components
- C. Yes, at any time
- D. No, props are read-only
Answer: D. To change data, the parent updates its state and passes new props.
5. Which hook adds state to a function component?
- A.
useRef - B.
useState - C.
useMemo - D.
useEffect
Answer: B. const [count, setCount] = useState(0);
Ready to test yourself?
Take the free React interview questions test now: 15 random questions, about 10 minutes, with an explanation for every answer.
How to prepare for a React internship interview
- Strengthen JavaScript first: array methods, objects, destructuring and async code appear in most React interviews. The technical interview questions guide lists more.
- Build one complete app: fetch data from an API, show it in a list, add a form and routing. Be ready to explain it; see how to explain your college project.
- Understand hooks deeply: when effects run, why dependency arrays matter, and how state updates trigger re-renders.
- Know how React fits with the backend: how your components call an API and handle loading and errors.
- Check your overall readiness with the free IT Internship Readiness Test.
More free interview questions tests
- .NET interview questions test: C#, OOP, LINQ, async and ASP.NET Core
- Java interview questions test: OOP, strings, collections, exceptions and Java 8
- Python interview questions test: lists, dictionaries, functions, OOP and generators
- SQL interview questions test: joins, GROUP BY, keys, subqueries and transactions
- Angular interview questions test: components, data binding, services, routing and RxJS
- Azure interview questions test: cloud concepts, compute, storage, networking and security
- DevOps interview questions test: Git, Linux, CI/CD, Docker and Kubernetes
See all tests and which ones fit your target role on the free internship tests page.
Frequently asked questions
Is this React interview test free?
Yes. The test is completely free, needs no login, and does not ask for any personal details. Your best score is saved only in your own browser.
How many questions are in the React test?
Each attempt has 15 random multiple-choice questions, balanced across seven topics. The questions and answer options are shuffled, so every retake gives you a new test.
What level is this React test?
It is designed for freshers and internship candidates. It checks the React fundamentals interviewers commonly ask about, not advanced or certification-level topics.
Which version of React does the test cover?
The questions focus on modern React with function components and hooks, which is how React is written today. Class components are not covered.
Does a high score guarantee an internship?
No. A high score shows strong fundamentals, but interviews also check your projects, problem solving, and communication. Use your result to decide what to study next.
Your next step
Scored well? Learn what happens in each internship interview round, from the online test to the HR interview.
Read the interview guide
About the author
Dhaivat has 16+ years of experience in the IT industry, working on AI and cloud technologies, project delivery, and engineering leadership. He has interviewed and mentored many interns, wrote The Lost Intern, and runs the non-commercial Career Impact Initiative, mentoring students for free.