在 React 和 JavaScript 中显示 Null 或 Undefined

const columns: GridColDef[] = [
  { field: "id", hide: true },
  {
    field: "col1",
    headerName: "Column 1",
    width: 150,
    renderCell({ value }) {
      return `${
        value === null || value === undefined ? (
          <div style={{ fontStyle: "italic" }}>null</div>
        ) : (
          String(value)
        )
      }`;
    }
  },
  {
    field: "col2",
    headerName: "Column 2",
    width: 150,
    renderCell({ value }) {
      return `${
        value === null || value === undefined ? (
          <div style={{ fontStyle: "italic" }}>null</div>
        ) : (
          String(value)
        )
      }`;
    }
  }
];

const columns: GridColDef[] = [
  { field: "id", hide: true },
  {
    field: "col1",
    headerName: "Column 1",
    width: 150,
    renderCell({ value }) {
      return (
        (value === null || value === undefined) ?
        <div style={{ fontStyle: "italic" }}>null</div> :
        String(value)
      );
    }
  },
  {
    field: "col2",
    headerName: "Column 2",
    width: 150,
    renderCell({ value }) {
      return (
        (value === null || value === undefined) ?
        <div style={{ fontStyle: "italic" }}>HI</div> :
        String(value)
      );
    }
  }
];

Javascript相关问答推荐

在nodejs中使用快速路由的API路径

使用jsPDF添加Image JPEG将p5.js草图画布下载为PDF

使用Element.children在前后移动 node

在JavaScript中逐一播放随机生成的音频文件数组

如何使用React渲染器放置根dis？

根据总价格对航班优惠数组进行排序并检索前五个结果- Angular HTTP请求

未捕获错误：在注销后重定向到/login页面时找不到匹配的路由

Chrome是否忽略WebAuthentication userVerification设置？""

我可以从React中的出口从主布局调用一个处理程序函数吗？

我们如何从一个行动中分派行动

屏幕右侧屏障上的产卵点""

html + java script！需要帮助来了解为什么我得到(无效的用户名或密码)

使用Promise.All并发解决时，每个promise 的线性时间增加？

使用Google API无法进行Web抓取

使用领域Web SDK的Vite+Vue应用程序中的Web程序集(WASM)错误

为什么这个.add.group({})在教程中运行得很好，但在我的游戏中就不行了？

Google脚本数组映射函数横向输出

每次重新呈现时调用useState initialValue函数

如何为仅有数据可用的点显示X轴标签？

判断函数参数的类型