РЕАКТ: Как построить хук селектора поля объекта, похожий на приставку useSelector

Question

Я пытаюсь построить ловушку, которая бы возвращала выбранное подмножество пар ключ-значение из объекта. Предполагая, что хук имеет доступ к объекту, который выглядит следующим образом:

const stores = { someStore: { someField: 'fieldValue' } }

как мы можем передать обратный вызов хуку для выбора полей из объекта stores? Идеальным сценарием было бы, чтобы хук работал так:

const {selectedField} = useStores(stores => ({ selectedField: stores.someStore.someField }))

Цель этого хука - заменить MobX @inject(stores => ({...})) в моей кодовой базе.

Answer 1

Просто запустите селектор против stores

function useStores(selector) {
  const stores = { someStore: { someField: 'fieldValue' } };
  
  return selector(stores); 
}

const { selectedField } = useStores(stores => ({ selectedField: stores.someStore.someField }));

console.log(selectedField);