React 中如何引用 public 文件夹下的图片

在 React 中，可以使用相对路径引用'public'文件夹下的图片。假设在'public'文件夹下有一个'img'文件夹，里面包含一个名为'logo.png'的图片。要在'src'文件夹下的'login.tsx'组件中引用这个图片，可以按照以下步骤进行操作：

首先，将图片放在'public'文件夹下的'img'文件夹内。

然后，在'login.tsx'文件中，可以使用'process.env.PUBLIC_URL'来引用图片。具体代码如下：

import React from 'react';

const Login = () => {
  return (
    <div>
      <img src={process.env.PUBLIC_URL + '/img/logo.png'} alt='Logo' />
    </div>
  );
};

export default Login;

这样就可以在'login.tsx'组件中引用'public/img'文件夹下的'logo.png'图片了。