<Grid>
<Column field="ProductID" />
<Column field="ProductName" />
<GridToolbar>
<button onClick={this.saveToPDF}>save to pdf</button>
<button onClick={this.saveToXLS}>save to xls</button>
</GridToolbar>
</Grid>children понять, какой элемент является Column, какой GridToolbar и т.д.? Есть ли какие-либо хорошие практики для этого? Склоняюсь к тому, чтобы проверять свойство type.name, которое вроде как должно быть названием компонента, т. е. 'Column', 'GridToolbar' и т. д. 
class Grid extends React.Component {
getContent() {
const { children } = this.props;
if (!children) return null;
return React.Children.map(children, (child, index) => { // или forEach без return, в зависимости от целей
const { displayName } = child.type;
switch (displayName) {
case 'Column':
// do something
default:
// do something other
}
});
}
render () {
return (
<Wrapper>
{this.getContent()}
</Wrapper>
)
}
}
Средний
Средний
Простой