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

react redux scroll into view

Girbal answered on June 5, 2023 Popularity 1/10 Helpfulness 1/10

answer react redux scroll into view

react redux scroll into view

Comment

Using redux, you should use a useEffect on local component, it is the easier way to avoid bugs (do not add any ref in your store).

...
const { selectedPost } = useSelector(selectPostsState);

useEffect(() => {
        if (!selectedPost) {
            return;
        }
        const ref = window.document.getElementById(
            postIdPrefix + selectedPost.id
        );
        if (!ref) {
            return;
        }
        ref.scrollIntoView({ behavior: "smooth", block: "center" });
    }, [selectedPost]);
...

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript react-redux scroll view

Link to this answer
Share Copy Link

Contributed on Jun 05 2023

Girbal

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

react redux scroll into view

Contents

More Related Answers

react redux scroll into view

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.