Tengo este punto final de API:
GET https://xxx/xxResultado:
{ "name": "Ana", "status": null, }Presento el resultado de la API dentro de una página en blanco en mi aplicación y la página contiene lo siguiente:
Ana nullQuiero ocultar valores nulos . No quiero que se muestre 'nulo' en absoluto. ¿Cómo puedo lograr esto en React/Javascript?
{name && ( <span> {name} <br /> </span> )} {status && ( <span> {status} </span> )}su código debería funcionar bien, creo que necesita convertir su respuesta api a json.
ejemplo
const response = await fetch(URL); const jsonResponse = await response.json();Esto es correcto por lo que me ha dicho en los comentarios. Creo que tiene un valor predeterminado establecido para la respuesta de que el estado es una cadena. Por favor verifíquelo.
const [status, setStatus] = useState<string | null>(null); {status && ( <span> {status} </span> )}cuando lo configure con setStatus, asegúrese de que el valor no sea nulo como este
if (response.data.status) { setStatus(response.data.status) }