Nie można przypisać tablicy obiektów do tablic typów związków w przepływie

Question

Uczę się Flow i dlatego pracuję nad małym projektem hobby z JavaScript i Flow. Mam klasę Foo i inną klasę Bar, którą chcę wziąć w tablicy obiektów Foo jako opcję w konstruktorze. Jednak chcę również móc wysyłać inne dane dla każdego takiego obiektu, dlatego chcę mieć tablicę, w której każdy element jest zwykłym obiektem Foo lub obiektem Foo zawiniętym w tablicę lub obiekt.

Jednak gdy próbowałem napisać kod, otrzymałem kilka dziwnych błędów, których nie rozumiem. O ile mogę to stwierdzić, uważa się, że istnieje konflikt typów, ponieważ Foo nie jest kompatybilny z wszystkie typów związków, ale o ile rozumiem, powinien być zgodny tylko z co najmniej jednym z nich ...

Oto minimalny kod musiałem odtworzyć dokładne błędy dostałam (link to tryflow.org example):

// @flow 

class Foo { } 

interface BarOptions { 
    foos: (Foo | [ Foo ] | { foo: Foo })[];   // line 6 
} 

class Bar { 
    constructor(options?: BarOptions) { } 
} 

const foo: Foo = new Foo(); 

const bar = new Bar({ 
    foos: [ foo ],         // line 16 
}); 

otrzymuję następujące błędy:

Line 6: 
    tuple type: This type is incompatible with Foo 
    object type: This type is incompatible with Foo 
Line 16: 
    tuple type: This type is incompatible with Foo 
    object type: This type is incompatible with Foo 

Czy istnieje intuicyjny (lub nieintuicyjny) powód tych błędów?

Answer 1

Myślę, że w rzeczywistości BarOptions powinien być raczej aliasem typu zamiast interfejsu. Interfejs declares a type that classes can implement. Interfejsy nie są typami danych i nie powinny zawierać pól (zawierających dane).

Tutaj wszystko działa, jeśli zmienimy tylko interface BarOptions na type BarOptions =.

Alternatywnie można zmienić foo stać się funkcja pochłaniacza:

interface BarOptions { 
    foos(): (Foo | [ Foo ] | { foo: Foo })[]; 
} 

Answer 2

Myślisz, że może to być związane z tym otwartym Github ticket? Jeśli zamieniamy interface na type, to potwierdzi:

// @flow 

class Foo { } 

type BarOptions ={ 
    foos: 
     Class<Foo> | 
     Foo | 
     Foo[] | 
     { foo: Foo } 
} 

class Bar { 
    constructor(options?: BarOptions) { } 
} 

const foo: Foo = new Foo(); 

const bar = new Bar({ 
    foos: Foo, 
// foos: foo, 
// foos: [foo], 
// foos: { foo: foo }, 
});