How to access the class name of a React object in this.props.children

Question

In a react component render method that has some children components in this.props.children. How can I get the component (class) name of each child to differentiate between them?

React.Children.map(this.props.children, function(child){
    // how can I get the class name of a child or some other identifier
})

Answer 1

Warning: this will not work in production if using minification

In ES6 every function has its name stored in property function.name so you can get Class name with

import React from 'react'

...

getNameOfChildrenClass() {
    const singleChild = React.children.only(this.props.children),
          childClass = child.type

    return childClass.name        
}

I'm using React.children utility