Access Redux State in React 2025
Access Redux State in React 2025
Redux se state access karne ke liye hum useSelector hook ka use karte hain. Yeh hook Redux store se value fetch karta hai aur React component mein directly use karne deta hai. Neeche code mein dekhiye kaise hum ek counter value ko Redux state se access karte hain:
// src/components/Counter.js
import React from 'react';
import { useSelector } from 'react-redux';
const Counter = () => {
const counter = useSelector((state) => state.counter.value);
return (
Counter Value: {counter}
);
};
export default Counter;
useSelector ke andar ek callback function hota hai jo state ko argument ke roop mein leta hai. Uske andar se aap jo bhi key chahte ho (jaise counter.value), usse return karwa ke component mein render kar sakte ho.
Isse component Redux state ke updates ke according re-render hota hai, bina kisi extra configuration ke.