Question

执行以下操作时，我得到Adjacent JSX elements must be wrapped in an enclosing tag。

<tr>
    { R.repeat((
        <th>First</th>
        <th>Last</th>
    ), 3) }                    
</tr>

成对的th标签应该包裹在什么地方？

Answer 1

我找到了我所采用方法的替代方法，但是如果还有其他方法，我仍然会感到好奇...

<tr>
    { R.repeat((
        R.map((n) => (<th key={ n }>{ n }</th>), ['Port', 'Reports'])
    ), 3)}
</tr>

Answer 2

您可以将元素包装在Fragment中，这样就不会再出现此问题了。您可以签出docs here

<tr>
    { R.repeat((
        <React.Fragment>
          <th>First</th>
          <th>Last</th>
        </React.Fragment>
    ), 3) }                    
</tr>

备用语法

<tr>
    { R.repeat((
        <>
          <th>First</th>
          <th>Last</th>
        </>
    ), 3) }                    
</tr>

应该使用哪个标签来包含多个元素

2 个答案: