子の子コンポーネントの型をチェックする方法

Question

子として他のコンポーネントをとり、それらに追加の小道具を渡すコンポーネントを書きました。私はDataTableHeaderは別のコンポーネントであるこの

React.Children.forEach(children, child => { 
    if (child.type === DataTableHeader)) { 
    header = React.cloneElement(child, { 
     filter, onFilterChange, 
     sort, onSortChange 
    }) 
    } 
}) 

のようなコードを持っている私のコンポーネントのrenderメソッド内 。

child.typeは決してDataTableHeaderに等しくないという問題があります。クロムデバッガで

私は私のコンポーネントにここ

(function(factory,instantiate 
/**/) { 
return function DataTableHeader() { 
     return instantiate(factory, this, arguments); 
     } 
}) 

DataTableHeader一方の点からchild.type参照DataTableHeaderことがわかります。

renderメソッドはDataTableコンポーネントから来ている、と私はこのようにそれを使用します。

<DataTable 
    onFetchData={onFetchData}> 
    <DataTableHeader> 
    <DataTableHeaderCell sortField='name'> 
     Name 
    </DataTableHeaderCell> 
    </DataTableHeader> 
    {children} 
</DataTable> 

Answer 1

問題は、私はDataTableHeaderに静的フィールドを定義して、タイプを比較するのではなく、それを使用する回避策としてreact-hot-loaderhttps://github.com/gaearon/react-hot-loader/issues/304 によって引き起こされますtype