2024年6月2日发(作者：)

react antd class类型的组件 message使用 -回复

React是一种用于构建用户界面的JavaScript库，而Ant Design则是一

套基于React的UI组件库。Ant Design的message组件是一种用于显

示全局提示信息的组件，它能够提供成功、错误、警告和加载中等不同类

型的消息提示。在这篇文章中，我们将会详细介绍如何使用Ant Design

的message组件。

第一步：安装Ant Design和React

在开始之前，我们需要先安装Ant Design和React。你可以通过以下命

令来安装它们：

npm install antd

npm install react

第二步：导入message组件

安装完成后，我们需要在我们的代码中导入message组件。在你的代码

文件顶部添加以下导入语句：

jsx

import { message } from 'antd';

这将会导入Ant Design中的message组件，使我们能够在代码中使用

它。

第三步：使用message组件显示提示信息

一旦我们导入了message组件，就可以在我们的代码中使用它来显示提

示信息。message组件有多种方法可以使用，我们将会介绍其中的一些常

用方法。

1. 显示成功提示信息

要显示一个成功的提示信息，使用`s()`方法。以下是一个

基本的示例：

jsx

s('操作成功');