Tengo una función simple con useCallback en tres partes de mi aplicación para configurar una imagen:
const myLittleFunction = useCallback((image: string | undefined) => { mySetState(image) }, [ mySetState, ])
esta función se utiliza para recuperar una imagen de un componente secundario:
<MyChildComponent setImage={setPickerResponse} />
Pero como tengo 3 veces el mismo en tres lugares diferentes, ¿cómo podría convertirlo en una sola función de utilidad?
Creo que es posible que deba mover el STATE
y la función useCallback
en un enlace personalizado, y puede usarlo en varios lugares.
Ex:
export default () => { const [myState, setMyState] = useState('value here') const myLittleFunction = useCallback((image: string | undefined) => { mySetState(image) }, [ mySetState, ]) return { myState, setMyState, myLittleFunction, } }