ant design之protable的render自动处理null值转换‘-‘问题

Andrew_SJ

已于 2022-08-26 14:59:24 修改

阅读量1k

点赞数

分类专栏：前端文章标签： javascript 前端 react.js

于 2022-08-26 14:58:19 首次发布

本文链接：https://blog.csdn.net/andrew_sj/article/details/126543342

版权

本文介绍了在使用Ant Design的高级组件库Pro Components中的Protable时遇到的问题，当后端数据为null时，Protable会错误地将其渲染为短横杠的超链接。通过分析发现，Protable的render函数将null转换为了'-'，导致逻辑判断错误。解决方法是通过更精确的判断条件来避免这种误渲染。

摘要由CSDN通过智能技术生成

// BasePage/index.js
import React, {
    useState, useCallback, useRef } from 'react'
import {
    ProTable, TableDropdown } from '@ant-design/pro-components';

function BasePage(props) {
   
	const [pageNum,setPageNum] = useState(1) // 请求页码默认为1
	const columns = [
    {
   
      title: 'id',
      dataIndex: 'id',
      hideInSearch: true,
    },
    {
   
      title: 'name',