文本节点不能显示为 的<tbody>子节点

Question

我的代码非常简单，我检查了所有内容，但这会重复出现这个错误。请告诉我可以换什么。我试着用，但那个力起了作用。我甚至检查了其他答案，但它们确实有效。

import React from "react";
import { Button, Table } from "react-bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
import Employees from "./Employees";
const Home = () => {
return (
<>
<div>
<Table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
{Employees && Employees > 0 ? Employees.map((item) => {
return (
<tr key={item.id}>
<td>{item.name}</td>
<td>{item.age}</td>
</tr>
);
})
: "No data available"}
</tbody>
</Table>
</div>
</>
);
};
export default Home;

Answer 1

如果没有数据，您的表将看起来像

<table>
<tbody>
No data available
</tbody>
</table>

它需要有<tr>和<td>