How to properly use useSelector and store.getState?

Question

React

I saw a lot of opinions on this subject, including leads from our project.
I would like to understand in more detail when and what we use, and how it is better not to do it.

There are options:

// 1
const { name, age } = useSelector(state => state.userInfo);

// 2
const name = useSelector(state => state.userInfo.name);
const age = useSelector(state => state.userInfo.age);

// 3
const [name, age] = useSelector((state) => [
    state.userInfo.name,
    state.userInfo.age,
]);

Also, I want to understand when it is better to use store.getState() and is it worth it?

If, for example, the entire userInfo object is needed, is it better to get it through a hook or call store.getState()? (below examples)

const userInfo = useSelector(state => state.userInfo);
// or
const { userInfo } = store.getState();

Answer 1

The Redux Style Guide recommends the 2nd option
https://redux.js.org/style-guide/style-guide#call-...