reactjs / reactjs/react-docgen

Crash with Flow component syntax

Aperta
#944 3 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

flow
Lingua principale
TypeScript
Stelle
3.8k
Fork
316
Merge medio
5h 7m
PR unite (30g)
4

Descrizione

Docs: https://flow.org/en/docs/react/component-syntax/

Code
component Example( text: string = 'Hello World' ) {
    return <div>{text}</div>;
}
Expected
[
  {
    "description": "",
    "displayName": "Example",
    "methods": [],
    "props": {
      "text": {
        "required": false,
        "flowType": {
          "text": "string"
        },
        "description": "",
        "defaultValue": {
          "value": "'Hello World'",
          "computed": false
        }
      }
    }
  }
]
Actual
SyntaxError: playground.tsx: Missing semicolon. (1:9)

> 1 | component Example(
    |          ^
  2 | 	text: string = 'Hello World'
  3 | ) {
  4 | 	return <div>{text}</div>

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Riproduci l’esempio del componente Flow dell’issue in playground.tsx e conferma l’errore di sintassi segnalato. Traccia la gestione del parser per questa sintassi del componente; il lavoro è completato quando l’esempio viene analizzato correttamente e produce i metadati del componente attesi. Non sono indicati file di implementazione o test, quindi trovare il punto di ingresso rilevante del parser fa parte del lavoro.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript, react
Ambito
tooling
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.