ts react 类型报错

Question

1. 定义处

interface taskStatusListType {
  value: number
  label: string
}

const taskStatusList: taskStatusListType[] = [
  { value: 0, label: '进行中' },
  { value: 1, label: '未完成' },
  { value: 2, label: '执行完成' },
  { value: 3, label: '执行失败' },
  { value: 4, label: '抽取完毕' },
]

1. 使用处

    {
      title: '任务状态',
      dataIndex: 'collTaskStatus',
      key: 'collTaskStatus',
      width: 90,
      render: (collTaskStatus: string) => {
        return  taskStatusList.find(ele => ele.value === Number(collTaskStatus))
          .label
      },
    },

1. 报错截图：

如何写，vscode才不会飘红

Answer 1

自己解决了，加了个undefind判断。
如下：

    {
      title: '任务状态',
      dataIndex: 'collTaskStatus',
      key: 'collTaskStatus',
      width: 90,
      render: (collTaskStatus: string) => {
        return taskStatusList.find(ele => ele.value === Number(collTaskStatus))
          ?.label
      },
    },