反应 TypeScript 与 antd

Question

这是我的代码

import { notification } from "antd";


const openNotificationWithIcon = (type: string, message: string, err: string) => {
    if(type == 'success' || type == 'warning')
        notification[type] = ({ message: message, description: err}) *//error here*
    return;
};

export default openNotificationWithIcon;

但它在消息中有错误

Type '{ message: string; description: string; }' is not assignable to type '((args: ArgsProps) => void) & ((args: ArgsProps) => void)'.
  Object literal may only specify known properties, and 'message' does not exist in type '((args: ArgsProps) => void) & ((args: ArgsProps) => void)'

我在 antd 中看到该消息需要 ReactNode 类型，我修复了但它没有发生

Answer 1

似乎是 notificitaion['success' | 'warning'] 是 function。这意味着您需要调用它而不是分配。

所以正确的使用方法是

 import { notification } from "antd";


 const openNotificationWithIcon = (type: string, message: string, err: string) => {
    if(type == 'success' || type == 'warning')
        notification[type]({ message: message, description: err});
    return;
};

export default openNotificationWithIcon;