javascript - 在 map 迭代中添加额外的组件会出现错误

Question

我是 React 新手。我有以下迭代，其中添加了 <td> 的数量

<tr key={rowIdx}>{
    Array.from({length: numberOfColumn}).map((_, colIdx) => (
       <EditableCell key={colIdx}/>
    ))

}</tr>

现在我想添加一个额外的 td，它在每个 tr 的末尾都有删除按钮。

但是，它在以下位置显示错误。

<tr key={rowIdx}>{
    Array.from({length: numberOfColumn}).map((_, colIdx) => (
      <EditableCell key={colIdx}/>
    ))


   //Error is here
    <td>
      <input type="button" value="X"/>
    </td>

}</tr>

我不知道如何添加额外的 TD。任何帮助将不胜感激。

Answer 1

下面是正确的格式

<tr key={rowIdx}>
    {Array.from({ length: numberOfColumn }).map((_, colIdx) => (
        <EditableCell key={colIdx} />
    ))}
    <td>
        <input type="button" value="X" />
    </td>
</tr>;