Несколько useSelector или один общий?

Question

[Vadim Stepanenko]

Привет!

Для роутера есть свой отдельный редьюсер и экшны. В App.js надо получить данные из routerReducer.js, а именно: page, url, metas и т.д.

Собственно, как лучше это сделать: использовать несколько useSelector или один общий?

const router = useSelector((state) => state.router);

// или

const page = useSelector((state) => state.router.page);
const url = useSelector((state) => state.router.url);
const metas = useSelector((state) => state.router.metas);

Вообще, удобнее первым вариантом - кода меньше, но может есть какие-то подводные камни?

Answer 1

[Denioo]

const {url, page, metas} = useSelector(({router}) => router);

Answer 2

[Андрей Охотников]

const { page, url, metas } = useSelector((state) => state.router);