我有一个包含项目的数组，我想做这样的事情：
<tr>
(until have items in array
<td></td><td></td>)
</tr>
但是如果我这样做，我会收到一个 JSXTransformer 错误：
相邻的 XJS 元素必须包含在封闭标签中
工作版本：
{rows.map(function (rowElement){
return (<tr key={trKey++}>
<td className='info' key={td1stKey++}>{rowElement.row[0].value}</td><td key={td2ndKey++}>{rowElement.row[0].count}</td>
<td className='info' key={td1stKey++}>{rowElement.row[1].value}</td><td key={td2ndKey++}>{rowElement.row[1].count}</td>
<td className='info' key={td1stKey++}>{rowElement.row[2].value}</td><td key={td2ndKey++}>{rowElement.row[2].count}</td>
<td className='info' key={td1stKey++}>{rowElement.row[3].value}</td><td key={td2ndKey++}>{rowElement.row[3].count}</td>
<td className='info' key={td1stKey++}>{rowElement.row[4].value}</td><td key={td2ndKey++}>{rowElement.row[4].count}</td>
.......
</tr>);
})}
我试过这个。但是使用<div>封闭标签它不能正常工作。
在这里回答： 未捕获的错误：不变违规：findComponentRoot(..., ...$110)：无法找到元素。这可能意味着 DOM 意外发生了变异
<tbody>
{rows.map(function (rowElement){
return (<tr key={trKey++}>
{rowElement.row.map(function(ball){
console.log('trKey:'+trKey+' td1stKey'+td1stKey+' ball.value:'+ball.value+' td2ndKey:'+td2ndKey+' ball.count:'+ball.count);
return(<div key={divKey++}>
<td className='info' key={td1stKey++}>{ball.value}</td><td key={td2ndKey++}>{ball.count}</td>
</div>);
})}
</tr>);
})}
</tbody>
请告诉我如何正确包装几个 TD 标签！ 我尝试使用指南Dynamic Children，但 JSXTransformer 不允许我这样做。