Как в React осуществить render в цикле?
render() {
  return (
    <div>
       ${Array.from({length: 5}).map((_, idx) => <div>{idx}</div>)}
    </div>
  );
}

// или

render() {
  const list = [];
  for (let idx = 0; idx < 5; idx++ ){
     list.push(<div>{idx}</div>);
  }
  return <div>${list}</div>;
}
Лучший выбор - это 2 компонента.
Просто сделайте родительский, а рядом с ним поместите его child и выводите инфу в нем. В родительском же вызывайте в цикле свой child и проблемы не будет. Так правильнее.