• Objects are often used to store and manage component state.

import React, { useState } from 'react';

function UserProfile() {
  const [user, setUser] = useState({
    firstName: 'Jane',
    lastName: 'Doe',
    age: 25,
  });

  const updateAge = () => {
    setUser({ ...user, age: user.age + 1 });
  };

  return (
    <div>
      <h1>{user.firstName} {user.lastName}</h1>
      <p>Age: {user.age}</p>
      <button onClick={updateAge}>Increase Age</button>
    </div>
  );
}

export default UserProfile;