React Logo

我们将介绍如何在 React 应用程序中添加 logo。

在 React 中添加 Logo

如今，每个网站都有其 Logo 和图像。

当我们构建一个 React 应用程序时，我们首先要更改 Logo，而有些人发现在 React 应用程序中显示图像很困难。我们将讨论使用简单代码在 React 应用程序中显示你的 Logo。

首先，我们将把我们的 logo 保存在 src 文件夹中。一旦我们保存了我们的标志，现在我们将把它导入我们想要显示它的文件中。

使用以下代码导入 Logo。

# react 
import logo from './logo.svg';

一旦我们将 Logo 导入到要显示它的页面中，我们将为它创建一个视图。

# react
<img src={logo} className="App-logo" alt="logo">

在提供的代码中，我们可以看到在 src 属性中，我们调用了一个变量 {logo}。此变量将输出我们导入的 Logo 的 URL。

我们将编写 CSS 代码以根据需要调整 Logo 的大小。

# react
.App-logo{
    width: 150px;
}

让我们检查一下我们的 Logo。

输出：

我们现在已经学会了如何在 React 应用程序中轻松地显示我们的图像或 Logo。