Using the useSelector Hook to Access State

Showcase using the useSelector hook to access and display state within a component, illustrating how to listen to specific pieces of state.
import React from 'react';
import { useSelector } from 'react-redux';
Imports necessary React and Redux functions.
function UserInfo() {
  // Using useSelector to access the current state of the 'user' slice
  const user = useSelector((state) => state.user);

  // Displaying user information
  return (
      <h2>User Information:</h2>
      <p>Name: {}</p>
      <p>Age: {user.age}</p>
Defines a React component that utilizes useSelector to access state.
export default UserInfo;
Exports the UserInfo component for use in other parts of the application.