2016-11-28 12 views
9

Co jest odpowiednikiem Przepływ React.PropTypes.node (czyli wszystko, co może być rendreded przez zareagować, jeśli istnieje? Czy muszę stworzyć to sam jako typ Union?Co to jest współczynnik przepływu React.PropTypes.node?

Innymi słowy, co by zastąpić ??? tutaj ?.

type Props = { 
    children: ???, 
} 

const UselessComponent 
    : (props: Props) => React$Element<*> 
    = ({ children }) => (
    <div> 
     {children} 
    </div> 
) 

UselessComponent.propTypes = { 
    children: React.PropTypes.node.isRequired, 
} 

Odpowiedz

9

wygląda na to, że jest nadal problemem here

Według dyskusji w tej kwestii, co należy zrobić, dopóki nie zostanie ustalone: ​​

type Props = { 
    children?: React.Element<*>, 
}; 
5

Dla wersji przepływu> = 0.53, użyj nowego typu React.Node dla props.children i wszędzie tam, gdzie oczekujesz renderowalnego węzła.

Definicja React.Node można z grubsza w przybliżeniu z React.ChildrenArray:

type Node = React.ChildrenArray<void | null | boolean | string | 
number | React.Element<any>>; 

było głównym lutownicza typów reagują przepływu 0,53. Podsumowanie zmian i instrukcje dotyczące migracji znajdują się w release notes. The flow docs wyjaśnić, jak używać w szczegółach.