如何将React子元素转换为类型化数组

Question

我正在尝试创建可重用的Table组件。我的Table组件应该只有TableColumn类型的子类（另一个类组件）。在我的表组件的render（）方法中，我希望将子项作为TableColumn[]对象进行访问，但是我将子项转换为类型化数组时遇到了问题。

我正在尝试以下方法：

const columns = React.Children.map(children, child => {
  return child as TableColumn;
});

但我收到以下错误：

  

输入＆＃39; ReactChild＆＃39;无法转换为＆＃39; TableColumn＆＃39;。类型   ＆＃39; ReactElement＆＃39;不能与类型＆＃39; TableColumn＆＃39;相比。       物业＆＃39;渲染＆＃39;在＆＃39; ReactElement＆＃39;。

中缺少

如何将表格的子级不透明数据结构转换为类型化数组？