1. Exploring State and Props in Class Components

Objective: The aim of this assignment is to strengthen your understanding of state and props management in React class components. You'll also practice conditional rendering and displaying lists, crucial aspects of dynamic React applications.

Problem Statement: You are working on a React project that involves a user profile component. The component is supposed to display user information, a list of hobbies, and allow toggling between 'Edit' and 'View' modes. However, the current implementation has several bugs and lacks some functionalities. Your task is to correct the code, implement missing features, and ensure the component works as expected.

Task 1: Code Correction

The current implementation of the user profile component has a bug in state management. Analyze and correct the code to ensure the user's name is displayed correctly.

Code Example:

Expected Outcome:

The changeName method should correctly update the state using this.setState.
Ensure the method is properly bound to the component.

Module 11 Lesson 2: Assignments | React State and Props