reactjs - 为什么即使从 bootstrap4-react 导入 BImg 后,我的图像也没有显示在浏览器中?
问题描述
我正在关注以下文档:- https://bootstrap-4-react.com/#documentation/components/navbar
我正在尝试实现以下代码。
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import { Navbar, Nav, Button, Dropdown, Form, Collapse } from 'bootstrap-4-react';
import { BImg } from 'bootstrap-4-react';
export default class Header extends Component {
render() {
const bootstrap_icon = 'C:\md5\public\logo.svg';
return (
<Navbar expand="lg" light bg="light">
<Navbar.Brand href="#">
<BImg
src={bootstrap_icon}
width="30"
height="30"
display="inline-block"
align="top"
mr="1"
/>
</Navbar.Brand>
</Navbar>
)}}
但我没有得到图像输出。我尝试定义不同的路径。
没有任何内容显示为输出1。
解决方案
图像必须放在公用文件夹中。然后无需定义完整路径。然后是 const bootstrap_icon = 'logo.svg';
推荐阅读
- javascript - 使用反应返回到分页中的当前页面
- docker - docker run - autokill 容器已经在使用?
- html - 即使未满足 minlength 也提交表单
- r - 组内过采样
- excel - 在列中查找值并将行的内容复制到其下方的行
- python - Jinja2 过滤器:从字典列表到 json 对象列表
- reactjs - 重新渲染后我得到了状态!但是我想要在派发后的状态,它在 useEffect 里面,比如获取数据加载,怎么样?
- stm32 - 擦除STM32 Flash Sector是挂程序
- java - Java 1.8.0_271-b09 客户端的 ActiveMQ SSLException
- python - 如何以不同的文件格式读取文件格式?例如 - SAV 为 CSV