ComponentTypeに別のコンポーネントを接続するにはどうすればいいですか？

Question

すでにComponentTypeとしてタイプされているコンポーネントに別のコンポーネントを接続する方法はありますか？

例えば：

type Props = { 
    name: string, 
} 

const Header: ComponentType<Props> = ({ props }) => (<h1>{name}</h1>) 
const SubHeader: ComponentType<Props> = ({ props }) => (<h2>{name}</h2>) 

Header.SubHeader = SubHeader // this is causes a flow error due to ComponentType 

例は少し不自然であるが、HOCs又はstyled-componentsを使用する場合ComponentTypeに強制マニュアルが時々必要です。

Answer 1

交差点がジョブを実行します：const Header: ComponentType<Props> & { SubHeader: ComponentType<Props> }。

Maybeまたはオプションのタイプをコンポーネントとしてレンダリングしようとすると、SubHeaderはMaybeまたはオプションのタイプであってはならないことに注意してください。