Quiero representar el star1.png ubicado en el directorio src/images/ sin import en la parte superior y sin usar el directorio public .
Mi código:
import React from "react" import ReactDOM from "react-dom" class App extends React.Component { render(){ let starIcon = "./images/star1.png" return( <> <h1>Hello</h1> <img src={starIcon} /> </> ) } } ReactDOM.render(<App />, document.getElementById("root"))No estoy seguro de haber entendido completamente su pregunta, pero podría pasar la imagen como un blob a través de accesorios y establecer ese blob como la fuente de la imagen.
Creo que el problema está relacionado con la compilación de productos porque cuando creó un directorio de activos de compilación no se copiará.
Soluciones:
Creo que la última solución que estás buscando.
Encontré la respuesta a mi pregunta que está usando require :
let starIcon = require("./images/star1.png")