CODEWITHSUNDEEP
reduxreact-redux
thewebtud
thewebtud

Reputation: 574

Can we use redux states in a react component without using {connect}?

I usually import {connect} from react-redux to connect my React component to a Redux store. Is there any other way to access the redux store from react components without using {connect}?

Upvotes: 0

Views: 371

Answers (1)

That Guy Kev
That Guy Kev

Reputation: 396

There is useSelector from React Redux Hooks

The selector is approximately equivalent to the mapStateToProps argument to connect conceptually. The selector will be called with the entire Redux store state as its only argument. The selector will be run whenever the function component renders (unless its reference hasn't changed since a previous render of the component so that a cached result can be returned by the hook without re-running the selector). useSelector() will also subscribe to the Redux store, and run your selector whenever an action is dispatched.

import React from 'react'
import { useSelector } from 'react-redux'

export const CounterComponent = () => {
  const counter = useSelector(state => state.counter)
  return <div>{counter}</div>
}

Upvotes: 1

Related Questions