Img 标签在 React JSX 中不显示图像

Question

I'm trying to add a logo to a Header component in react, but it's not showing. It's like it is transparent because if I justify items with flex and space between, it counts like an element. I don't know what I'm doing wrong.

import React from "react";
import "./Header.css";

const Header = () => {
  return (
    <div className="header">
      <img src="../img/logo.png" alt="" />
      <h1>ONE</h1>
      <h1>TWO</h1>
    </div>
  );
};

export default Header;

Answer 1

import logo from '<PATH>';

return <img src={logo} alt="Logo" />;