Как будет правильнее вызывать компонент?

Question

[raury]

this.state.table = двумерный массив

1)

...
return (
   {
      this.state.table.map(row => {
         return <TableRow row={row}/>
      })
   }
)
function TableRow(props) {
   return(
      <tr>
         props.row.map(cell => {
             <TableCell />
         })
      </tr>
   )
}

2)

...
return (
   {
      this.state.table.map(row => {
         return {
            <tr key=...>
               <TableRow row={row}/>
            </tr>
         }
      })
   }
)
function TableRow(props) {
   return(
         props.row.map(cell => {
             <TableCell />
         })
   )
}

Такой же вопрос и к TableCell но там уже буду делать по аналогии с TableRow

Answer 1

[Тигран Абрамян]

Первый способ наиболее правильный.

return (
   {
      this.state.table.map(row => {
         return <TableRow row={row}/>
      })
   }
)
function TableRow(props) {
   return(
      <tr>
         props.row.map(cell => {
             <td><TableCell /></td>
         })
      </tr>
   )
}