Breaking News: Grepper is joining You.com. Read the official announcement!

changing a slice re renders every component in react

Abdullah Ashfaq answered on September 12, 2022 Popularity 1/10 Helpfulness 1/10

answer changing a slice re renders every component in react

changing a slice re renders every component in react

Comment

// useSelector() will cause re-renders if the value it produces has changed. When returning an object be aware that unless it's the same object by reference equality the component will re-render even if the objects properties are the same. You can get around this by always returning the same object.

// In your case the easiest way to only select the state needed ist to tell useSelector to do a shallow equal comparison instead of a reference equality comparison. useSelector accepts a comparator function as the second argument:

import { shallowEqual, useSelector } from 'react-redux'

const user = useSelector(
    ({user}) => ({
        id: user.id
        name: user.name
        lastName: user.lastName
    }),
    shallowEqual
);

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript slice

Link to this answer
Share Copy Link