Html 你是如何摆脱这个“问题”的;文本节点不能显示为<;的子节点;t车身>&引用;反应中的警告?

Html 你是如何摆脱这个“问题”的;文本节点不能显示为<;的子节点;t车身>&引用;反应中的警告?,html,reactjs,bootstrap-4,Html,Reactjs,Bootstrap 4,我遇到一些回答说错误与空格有关,但是API端点的数据都没有空格 其他人说问题出在子元素上,但我看不出标记内部有什么问题 app.js:39625 Warning: validateDOMNesting(...): Text nodes cannot appear as a child of <tbody>. in tbody (created by SaleList) in table (created by SaleList) in div (created

我遇到一些回答说错误与空格有关,但是API端点的数据都没有空格

其他人说问题出在子元素上,但我看不出
标记内部有什么问题

app.js:39625 Warning: validateDOMNesting(...): Text nodes cannot appear as a child of <tbody>.
    in tbody (created by SaleList)
    in table (created by SaleList)
    in div (created by SaleList)
    in div (created by SaleList)
    in SaleList (created by Context.Consumer)
    in Route (created by App)
    in SaleContextProvider (created by App)
    in div (created by App)
    in Router (created by BrowserRouter)
    in BrowserRouter (created by App)
    in App

Sale.js

从“React”导入React;
const Sale=({data,rowNumber})=>{
康斯特销售=(
{rowNumber}
{}
{data.customer.name}
{data.item}
{data.quantity}
${data.price.tolocalString('en-US')}
${(data.quantity*data.price).toLocaleString('en-US')}
);
退货;
}
出口违约销售;

您可以尝试将N/A更改为表格行

const saleList = sales.length ? sales.map((sale, i) => {
    return (
        <Sale key={sale.id} data={sale} rowNumber={i + 1} />
    );
}) : '<tr><td colspan="7">N/A</td></tr>';
const saleList=sales.length?sales.map((sale,i)=>{
返回(
);
}):‘不适用’;

您可以尝试将N/A更改为表格行

const saleList = sales.length ? sales.map((sale, i) => {
    return (
        <Sale key={sale.id} data={sale} rowNumber={i + 1} />
    );
}) : '<tr><td colspan="7">N/A</td></tr>';
const saleList=sales.length?sales.map((sale,i)=>{
返回(
);
}):‘不适用’;
N/A(不带单引号)有效。谢谢。不适用(没有单引号)有效。谢谢