public: все, что не используется вашим приложением при компиляции
src: все, что используется при компиляции приложения.
Так, например, если вы используете изображение внутри компонента, оно должно быть в папке src, но если у вас есть изображение вне приложения (например, favicon), оно должно быть в public.
Мэтт Сондерс
из Stackoverflow
Пример
В Component.js
import logo from "../assets/logo.svg"
const Component = () => {
return (
<div>
<img src={logo} alt="" />
</div>
)
}
export default Component;