A typescript user should be able to specify the types for the options

Aperta
#595 2 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
45/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia individuando le dichiarazioni TypeScript per i componenti VtxSelect e VtxOption menzionati nell'esempio. Riproduci l'errore «Expected 0 type arguments» con l'uso generico mostrato, quindi verifica che il tipo di valore dell'opzione dichiarato venga accettato e che i valori incompatibili vengano rifiutati da TypeScript.

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

Descrizione

Expected behavior:

I should be able to specify the strict option types as follows:

export const exampleComponent= () => {
    type SelectValues = 'jack' | 'lucy' | 'disabled' | 'Yiminghe';
    return (
        <div style={{ width: '250px' }}>
            <VtxSelect<SelectValues> size="middle" onChange={action('on-change')} defaultValue="jack">
                <VtxOption<SelectValues> value="jack">Jack</VtxOption>
                <VtxOption<SelectValues> value="lucy">Lucy</VtxOption>
                <VtxOption<SelectValues> value="disabled" disabled>
                    Disabled
                </VtxOption>
                <VtxOption<SelectValues> value="Yiminghe">yiminghe</VtxOption>
            </VtxSelect>
        </div>
    );
};

Actual Behavior:

I get the error Expected 0 type arguments, but got 1.ts(2558)

Lingua principale
TypeScript
Stelle
938
Fork
482
Merge medio
15h 8m
PR unite (30g)
2

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

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.

Altre issue di react-component/select

Tutte le issue di react-component/select

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.