Tengo esta tabla donde busco los datos usando firestore. Hubo algunos casos en los que estos datos están vacíos. Tengo esta dirección donde la city está vacía, se mostraría undefined . ¿Cómo lo mostraría en blanco en lugar de la palabra "indefinido"?
componentDidMount() { firestore .collection("users") .get() .then((snapshot) => { const users = []; snapshot.forEach((doc) => { const data = doc.data(); users.push({ "User ID": doc.id, Address: data.address + ", " + data.city + ", " + data.provice, }), }); }); this.setState({ users: users }); }) .catch((error) => console.log(error)); }usar O || operador si la ciudad no está definida
Address: data.address + ", " + data.city || "" + ", " + data.proviceEn lugar de usar + , puede hacer lo siguiente. Simplificará la legibilidad del código y se adaptará a su caso de uso.
Address: `${data.address} , ${data.city || ""} , ${data.provice}`,Puede usar el operador coalescente nulo.
data.city ?? ""