Estoy trabajando con el siguiente código. Es una página de búsqueda de películas. Funciona bien, pero cuando pongo el nombre de una película que no existe, me muestra una página en blanco (gracias al [] en la línea 8). Me gustaría que me mostrara un mensaje de "No se encontraron resultados". ¿Alguien puede ayudarme con el código? Estoy trabajando con React en la parte frontal de un proyecto.
import React from 'react' import Card from './Card' const CardList = ({ results }) => { let data = []; if(results.data) { data = results.data.Search || []; } return ( <section className='container'> <div className='row justify-content-center'> {data.map((item) => ( <Card key={item.imdbID} movie={item}/> ))} </div> </section> ) } export default CardListSolo puedes agregar un
{ data.length!=0 ? data.map((item) => ( <Card key={item.imdbID} movie={item}/> )) : <div>No Results Found!</div> // here you could pass any component to show no results found message }