this.props.data.map((item, index) => {
let class = '';
if(index === 0) {
class='first'
}
if(index === this.props.data.length-1) {
class='second'
}
console.log('item', item);
return (
<div key={item.id} className={class}>
{item.title}
{item.round.map((r) => {
console.log('r', r);
return (
<div key={r.id}>
{r.total}
</div>
)
})}
</div>
)
})
В вашем случае компонент app-react.js я бы заменил на функцию и убрал все лишнее
import React from 'react'
export default data => (
<div>
data.map((item, index) => {
let class = '';
if(index === 0) {
class='first'
}
if(index === this.props.data.length-1) {
class='second'
}
return (
<div key={item.id} className={class}>
{item.title}
{item.round.map(r => (
<div key={r.id}>
{r.total}
</div>
) )}
</div>
)
})
</div>
)