Powrót reagują 16 elementów tablicy w maszynopisie

Question

chcę użyć nowego reagują 16 funkcji, aby powrócić do elementów tablicy w moim render ale jestem uzyskiwanie błąd maszynopis Property 'type' is missing in type 'Element[]'

const Elements: StatelessComponent<{}> =() => ([ 
    <div key="a"></div>, 
    <div key="b"></div> 
]); 

Czego mi brakuje? Korzystanie @ typów/reagują 16.0.10 i maszynopis 2.5.3

Answer 1

Sprawdziłem najnowsze typowania i zapomnieli dodać nowe definicje w bezpaństwowym interfejsu komponentu. Podniosłem problem i wkrótce powinno to zostać naprawione.

Zwracanie tablicy z komponentów klasy działa tak, jeśli naprawdę potrzebujesz teraz możesz przekształcić komponent funkcjonalny w komponent klasy.

class Elements extends React.Component<{}> { 

    render() { 
    return [ 
     <div key="a"></div>, 
     <div key="b"></div> 
    ] 

    } 
} 

lub tymczasowo rozszerzyć typowania React za pomocą modułu rozszerzania. Wystarczy umieścić poniższy kod w jednym z plików .ts, a maszynopis automatycznie wykryje zmiany w definicjach.

declare module "react" { 
    interface StatelessComponent<P = {}> { 
    (props: P & { children?: ReactNode }, context?: any): ReactElement<any>[] | ReactElement<any> | null; 
    propTypes?: ValidationMap<P>; 
    contextTypes?: ValidationMap<any>; 
    defaultProps?: Partial<P>; 
    displayName?: string; 
    } 
}