Создание html элементов в компоненте react.js

           return(
                <div>
                    {
                        array.map(item =>
                            <Component
                                  key   = {item.id}
                                  text  = {item.text}
                            />
                        )
                    }
                </div>
                 )

В принципе решил задачу таким способом, если у кого-то есть замечания или другие варианты решения - пожалуйста пишите.

 createBlock = () => {
            let items = [];
            for(let i=0;i< this.props.blocks;i++){ //blocks - количество элементов
                items.push(<div className={'element'}></div>)
            }
            return items
        } //вызываем эту ф-ю в методе render()

Как вариант :

<div>
  {[...new Array(this.props.blocks)].map(() => (
    <Component />
  ))}
</div>

К примеру если бы у меня был массив вместо числа я бы использовал метод map

есть такая классная штука, как Array.from

/**
 * @type {{ id: number, text: string }} _item
 */
var _item;
/**
 * @type {_item[]}
 */
var _itemList;
_itemList = Array.from({ length: 5 }, (v, _i) => ({
  id: _i,
  text: `some test ${_i}`
}));
/**
 * @param {typeof _itemList} _itemList
 */
let CoDivList = _itemList => Array.from(_itemList, CoDiv);
/**
 * @param {{_itemList:typeof _itemList}} p
 */
let CoDivList2 = p =>
  Array.from(p._itemList, (v, i) => <CoDiv2 key={i} id={v.id} text={v.text} />);