react - antd中message提示配置无效问题

480 阅读1分钟

react - antd中message提示配置无效问题

问题描述

在react中使用antd组件的message全局提示时,默认最多同时展示3条提示,再多的话前面的提示就会被后面的覆盖,在当前组件下设置无效问题。

官方文档描述

在这里插入图片描述

解决方法

注意: 这里的配置是全局配置,所以在当前子组件下设置无效,需要在项目入口index.js文件下设置(一般为 src/index.js)如:

import { message } from 'antd';

message.config({
  maxCount: 8
});