我有一个数组的项目,我想做这样的东西:
<tr> (until have items in array <td></td><td></td>) </tr>
但如果我这样做,我得到一个JSXTransformer错误:@H_404_4@
Adjacent XJS elements must be wrapped in an enclosing tag@H_404_4@
工作版本:@H_404_4@
{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>封装标签它不工作正常。@H_404_4@
回答这里:
Uncaught Error: Invariant Violation: findComponentRoot(…,…$110): Unable to find element. This probably means the DOM was unexpectedly mutated@H_404_4@
<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>
Please,advise me how to properly wrap few TD tags!
I tried use a guide 07001,but JSXTransformer doesn’t allow me do that.@H_404_4@