Как оптимизировать полотно useSelector'ов?
Всех приветствую, существует проблема, есть компонент, в котором много селекторов, но как это оптимизировать, хотелось бы сделать менее громоздко и без повторного рендера.
// ..../store/selectors.js
export const noTran = (payload) => ({ ... });
export const oneTran = (payload) => ({ ... });
export const twoTran = (payload) => ({ ... });
export const threeTran = (payload) => ({ ... });
{.....}
// ......../некий-файл.js
import * as selectors from '../../store/selectors';
const allTicket = useSelector(selectors.allTicket);
const noTransfer = useSelector(selectors.noTransfer);
const oneTransfer = useSelector(selectors.oneTransfer);
const twoTransfer = useSelector(selectors.twoTransfer);
const threeTransfer = useSelector(selectors.threeTransfer);
const numShowTicket = useSelector(selectors.numShowTicket);
const stop = useSelector(selectors.stop);
const tickets = useSelector(selectors.tickets);
const sortPrice = useSelector(selectors.sortPrice);
const sortSpeed = useSelector(selectors.sortSpeed);
const sortOptimal = useSelector(selectors.sortOptimal);