javascript - 当用链接标签包裹时,Logo 不会在 React 中显示

标签 javascript reactjs header

我正在尝试在 React 中创建一个 header ,一旦我将其包装在 Link 标记中, Logo 就不会显示。一旦我删除链接, Logo 就会显示。这是我的代码。谢谢。

import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import logo from '../logo.svg';


export default class Navbar extends Component {
    render() {
        return (
            <nav className="navbar navbar-expand-sm navbar-dark px-sm-5">
            <Link to="/">
                <img src={logo} alt="store"/>
            </Link>

            </nav>
        )
    }
}

最佳答案

问题是图像特有的,我尝试了 2 个其他 svgs 和 2 个 png',其中 1 个 svgs' 未显示,其他图像显示。谢谢大家的意见。 因此,当其他人发生这种情况时,问题可能出在图像上。

关于javascript - 当用链接标签包裹时,Logo 不会在 React 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58030037/

相关文章:

javascript - console.log 打印数据两次 [reactjs]

javascript - NextJS 错误消息 : Failed prop type: The prop `href` expects a `string` or `object` in `<Link>` , 但得到了 `undefined`

objective-c - 如何使普通 UITableView 的标题与表格一起滚动

javascript - 如何.fnDestroy(),columnFilter();两者都会起作用..有什么办法可以做到吗?目前只有 .fnDestroy 正在工作

javascript - 不使用 js 覆盖 css 转换样式?

javascript - 迭代 for 循环并将结果附加到 react 组件

c# - 如何在没有 WSDL 的情况下创建 soap 客户端

javascript - CSS:根据原始大小调整 Div 大小

javascript - 如何跳过 cypress 中的一个特性,使其不进行端到端测试

css - React - 组件全屏(高度 100%)