In the JSX, is it necessary to specify key on <>? How to?

[ZacharyBear]

Now I'm rendering a table, each data item generates 2 <tr> elements:

return (
    <tbody>
      {data.value.map((item) => (
        {/* ⬇️ */}
        <>
          <tr>{/* ... */}</tr>
          <tr>{/* ... */}</tr>
        </>
       }
    </tbody>
)

This is illegal:

map(i => <key={i.id}></>)

Should I use the <Fragment>, or <template> as the top element, or anything other?
This content is not mentioned on document, I think it's helpful for understanding vue-jsx.🙏

[ZacharyBear]

I found the way to use <Fragment /> as the root element, so it's able to define the key on it.
You can import it from 'vue/jsx-runtime': import { Fragment } from 'vue/jsx-runtime'