reactjs / reactjs/react-docgen
useCallback + useImperativeHandle methods
Offen
Dieses Issue hat noch niemand übernommen.
bug
- Vorherrschende Sprache
- TypeScript
- Sterne
- 3.8k
- Forks
- 316
- Ø Merge
- 5 Std. 7 Min.
- Gemergte PRs (30 T.)
- 4
Beschreibung
Methods in the following component is not recognised. It works if I remove the useCallback.
import React, {
forwardRef,
memo,
useCallback,
useImperativeHandle,
useMemo,
useRef,
} from 'react';
export const MyComponent =
memo(forwardRef((_, ref) => {
const _myMethod = useCallback((argument:string) : number => {});
//const _myMethod = (argument:string) : number => {};
useImperativeHandle(
ref,
() => ({
/** myMethod description */
_myMethod,
}),
[],
);
return <div />;
}));
return
[
{
"description": "",
"displayName": "MyComponent",
"methods": []
}
]
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne damit, das Problem mit der bereitgestellten React-Komponente unter Verwendung von useCallback und useImperativeHandle zu reproduzieren, und vergleiche sie dann mit der funktionierenden Inline-Methodenvariante. Verfolge den Extraktionspfad der Komponentenmethoden und bestätige die Behebung, indem du einen Methodeneintrag für _myMethod mit seiner Beschreibung und seinem Rückgabetyp erzeugst.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- documentation, tooling
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100