Bootstrap

【react】使用antd Table渲染数据遇到的报错问题

记录自己在开发过程中遇到的报错问题:

原本写法:

render: (text) => {
  console.log(text, "111111text");
  console.log(typeof text, "111111text");
  return text ? `${text}` : "--";
},

简单的render渲染,text数据后端返回0,页面展示的–,而不是0次;

错误分析:

这里是因为在JavaScript中,数字0在布尔上下文中被视为false,所以在三元表达式中 text ? ${text}次 : “- -” 中,当 text 是 0 的时候,这个条件会评估为 false,然后返回 “- -”。

解决方案:

可以使用严格相等运算符 === 来检查 text 是否为 null 或 undefined,而不是依赖于 text 的布尔值。

render: (text) => {
    return (text === null || text === undefined)? "--" : `${text}`;
}
或者是
render: (text) => {
  return text !== null && text !== undefined && text !== '' ? `${text}` : "--";
}


;