React-ის პერსონალიზებული useSubState ჰუკის განხორციელება, რომელიც იღებს სრულ მდგომარეობას, setState ფუნქციას და გასაღების სახელწოდებას (ობიექტის ველს), და აბრუნებს ტუპს ამ ველის მნიშვნელობით და ფუნქციით მის შეცვლის — ანალოგიურად useState-ს, მაგრამ კონკრეტული ველისთვის დიდი მდგომარეობის ობიექტში.

jsx import { useCallback } from 'react';

function useSubState(state, setState, key) { const value = state[key];

const setValue = useCallback( (newValue) => { setState(prevState => ({ ...prevState, [key]: typeof newValue === 'function' ? newValue(prevState[key]) : newValue })); }, [key, setState] );

return [value, setValue]; }

// Использование: // const [subValue, setSubValue] = useSubState(state, setState, 'fieldName');