Display Multiple Instances Of A Component Using Map Function In React.Js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';



class ChildComponent extends React.Component {
    render() {
        return <h2>This is {this.props.property} attribute of the child component</h2>;
    }
}

class ParentComponent extends React.Component {
    childComponents = [
        { id: 1, text : "prop 1" },
        { id: 2, text : "prop 2" },
        { id: 3, text : "prop 3" }
    ];

       render() {
        return (
            <div>
                {this.childComponents.map(
                    cp => (<ChildComponent key={cp.id} property={cp.text}/>)
                )}                
            </div>
        );
    }
}

ReactDOM.render(<ParentComponent />, document.getElementById('root'));

Query/Feedback