reactjs / reactjs/react-docgen

[Typescript] Default props from defaults when destructuring

Offen
#358 4 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
3.8k
Forks
316
Ø Merge
5 Std. 7 Min.
Gemergte PRs (30 T.)
4

Beschreibung

The defaults work fine from the static .defaultProps property like ...

interface Props {
  foo?: string;
}

const Test: React.SFC<Props> = (props: Props) => {
  const { foo, ...rest } = props;

  return (
    <div { ...rest } />
  );
}

Test.defaultProps = {
  foo: 'bar',
};

export default Test;

I'm wondering if you think it would be possible to get default prop values from the defaults when destructuring during the render? like ...

interface Props {
  foo?: string;
}

const Test: React.SFC<Props> = (props: Props) => {
  const { foo = 'bar', ...rest } = props;

   return (
    <div { ...rest } />
  );
};

export default Test;

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

Im Issue werden keine Dateien, Tests oder Einstiegspunkte genannt. Beginne damit, die TypeScript- und React-Behandlung von prop/defaultProps zu lokalisieren, und ermittle dann, ob Destrukturierung Standardwerte aus statischen defaultProps verwenden kann; erledigt ist die Aufgabe, wenn das dokumentierte Beispiel wie gewünscht funktioniert und durch einen Test abgedeckt ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
documentation, tooling
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
30/100

Neue Issues direkt in Ihr Postfach

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