< 关於 React: 开始打地基| 图片的使用方式 >

React 图片显示

?引入图片（svg）-背景图片

只需要将图片放到 public目录下 然后以此路径为起点设置路径就可以了

使用component style

const Container = styled.div`
  background: url("wave.svg");
`;

直接使用Public资料夹中的图片档案（SVG可以）
来源：https://blog.csdn.net/printf_hello/article/details/118887651

其他方法：
https://medium.com/itsoktomakemistakes/react-create-react-app-svg-icons-styled-component-570b4e9f07b

?引入图片（svg）

1. 引入 next.js 内建的
   <Image> 放在最上面

import Image from "next/image";

''
2. 将要放入的图片写成引入的自定义名称

import Iconinfo from "../public/Icon/Icon-info.svg";

3. 引入<Image>标签，src需用{}包起来自定义名称，alt标签一定要写，完成如下

<Image src={Iconinfo} alt="Picture of the author" />