Estoy tratando de ejecutar mis adquisiciones dentro de un mapa de JavaScript, toda la información está ingresando, pero cuando coloco la ruta de la imagen en el src dentro de la etiqueta img, no se puede encontrar. Aquí está el código:
productSearch(prodBusca) { const prodPerPage = 15; const pagesVisited = this.state.pageNumber * prodPerPage; const displayProds = prodBusca.slice(pagesVisited, pagesVisited + prodPerPage).map(prod => { let codigo = prod.codigo.toString(); let path = `${this.imgSrc}/${codigo.substr(0, 1)}/${codigo}.jpg`; let img = path; return ( <li key={codigo} className="list-group-item"> <div> <img src={img} alt={prod.descricao} width="150" height="150" /> </div> <div> <ul> <li> {prod.descricao} </li> <li> {prod.preco} </li> </ul> </div> </li> ); }) const pageCount = Math.ceil(prodBusca.length / prodPerPage); const changePage = ({ selected }) => { this.setState({ pageNumber: selected }); }; return ( <div> <section className="secaoProd"> <ul className="list-group list-group-horizontal"> {displayProds} </ul> </section> <div> <ReactPaginate previousLabel={'<<'} nextLabel={'>>'} pageCount={pageCount} onPageChange={changePage} containerClassName="paginationBttns" previousLinkClassName="previousBttn" nextLinkClassName="nextBttn" disabledClassName="paginationDisabled" activeClassName="paginationActive" /> </div> </div> ) }
ingrese la descripción de la imagen aquí
La aplicación está en ASP.Net y React