图像没有出现在反应中吗？

Question

我有下面的代码，由于某种原因，Logo没有出现，我不知道为什么会出现。该图像位于文件夹src -> pages ->图像中。

  import dress from "./images/dress.png"

  const I1 = () => {
  return (
  <div class="text-center m-10 mx-96">

    <img src= {<dress />} alt="logo"/>
    
    <div class="mt-10 mx-60">
        <div class="flex flex-row gap-5">
            <div>
            <img   ....   

Answer 1

如果是图像，则src属性值应为dress

​

import dress from "./images/dress.png"

  const I1 = () => {
  return (
  <div class="text-center m-10 mx-96">

    <img src={dress} alt="logo"/>
    
    <div class="mt-10 mx-60">
        <div class="flex flex-row gap-5">
            <div>
            <img   ....   

​

Answer 2

您必须使用这样的图像标记：

​

<img src={dress} alt="logo"/>

​

在您的代码中，“配饰”不是组件，而是您要导入到代码顶部的图像路径。