React Interview Questions for Beginners

Create a Greeting Component

Build a functional React component named Greeting that accepts a 'name' prop and displays 'Hello, {name}!'

Expected output: A rendered greeting message with the provided name.

Hint: Use a function that returns JSX and access props as the function argument.

Implement a Counter with State

Create a functional component that uses the useState hook to keep track of a count. Add a button to increment the count.

Expected output: A button that increments and displays the count when clicked.

Hint: Import useState from React and initialize count to 0.

Props are read-only inputs passed from parent to child components, while state is managed within a component and can change over time to trigger re-renders.

JSX is a syntax extension that looks like HTML and is used to describe the UI structure in React. It makes writing React components easier and more readable.

You can create a React component either as a function that returns JSX (functional component) or as a class extending React.Component (class component).

Lifecycle methods are special methods in class components that run at specific points in a component’s life, such as mounting, updating, and unmounting.