Image is not showing up in react?

Question

i have the following Code and for some reason the Logo isn't showing up and i cant figure out why is so. The image is in the folder src -> pages -> images.

  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

If it's an image, src attribute value should be 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

You have to use image tag like this:

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

in your code "dress" is not component it's path for image that you are import on top of the code.