reactjs / reactjs/react.dev

How to create HOC for in built react component?

Offen
#3,792 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

I am totally new to HOC.

I have one custom component where I am calling react in built component.
e.g suppose "ABC" is my custom component and "XYZ" react npm package installed in my project And I am importing "XYZ" in class "ABC".

Whatever I am passing to "XYZ" as props, I need to use it in custom "ABC" component. Is it possible with HOC??
e.g
...
import XYZ from "react npm package";
import ActionProvider from './ActionProvider';

class ABC extends React.Component{

 <XYZ  actionProvider={ActionProvider} />

}
export default ABC;
........
ActionProvider is simple js file(it is not a react component). I need to call 1 method from action provider in ABC. But not able to call. Making that method static will not solve my problem because I need to use this object the method which I want to call.

Help me out if anyone knows the solution.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

In dem Issue werden weder eine Repository-Datei noch ein Test oder ein Einstiegspunkt in der Dokumentation genannt. Kläre zunächst, ob ein React-HOC-Beispiel oder eine Anleitung zum Übergeben von Props und zum Aufrufen einer Methode auf ActionProvider gewünscht ist; die Kriterien für den Abschluss sind nicht angegeben.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
frontend
Issue-Typ
Dokumentation
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
15/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.