Material-ui 添加评论图标 - JavaScript

若你正在使用 Material-ui 来开发 React 应用程序，而你需要一个评论图标，那么你来到了正确的地方。本文将介绍如何在 Material-ui 中添加一个评论图标。

第一步：安装 Icons

首先，你需要安装 @material-ui/icons 包，它包含了许多可用于 Material-ui 中的常见图标。

使用 npm：

npm install @material-ui/icons

或使用 yarn：

yarn add @material-ui/icons

第二步：导入所需图标

接下来，你需要在你的代码中导入所需的图标。这里使用的是 Comment 图标，代码如下：

import CommentIcon from '@material-ui/icons/Comment';

第三步：在组件中使用图标

现在，你可以将 CommentIcon 加入到你的组件中使用了。

import React from 'react';
import CommentIcon from '@material-ui/icons/Comment';

export default function CommentButton() {
  return (
    <div>
      <CommentIcon />
      <span>评论</span>
    </div>
  );
}

代码中，我们导入了 CommentIcon 并将其包装在一个 div 元素中，使其与文本 评论 在同一行。

结论

通过上述步骤，你可以在 Material-ui 中添加一个评论图标，用于你的 React 应用程序。记住，你可以使用 @material-ui/icons 包中的许多其他图标，以满足你项目中的需求。

# Material-ui 添加评论图标 - JavaScript

若你正在使用 [Material-ui](https://material-ui.com/) 来开发 React 应用程序，而你需要一个评论图标，那么你来到了正确的地方。本文将介绍如何在 Material-ui 中添加一个评论图标。

## 第一步：安装 Icons

首先，你需要安装 `@material-ui/icons` 包，它包含了许多可用于 Material-ui 中的常见图标。

使用 npm：

npm install @material-ui/icons

或使用 yarn：

yarn add @material-ui/icons

## 第二步：导入所需图标

接下来，你需要在你的代码中导入所需的图标。这里使用的是 `Comment` 图标，代码如下：

```javascript
import CommentIcon from '@material-ui/icons/Comment';

第三步：在组件中使用图标

现在，你可以将 CommentIcon 加入到你的组件中使用了。

import React from 'react';
import CommentIcon from '@material-ui/icons/Comment';

export default function CommentButton() {
  return (
    <div>
      <CommentIcon />
      <span>评论</span>
    </div>
  );
}

代码中，我们导入了 CommentIcon 并将其包装在一个 div 元素中，使其与文本 评论 在同一行。

结论

通过上述步骤，你可以在 Material-ui 中添加一个评论图标，用于你的 React 应用程序。记住，你可以使用 @material-ui/icons 包中的许多其他图标，以满足你项目中的需求。