从数据库中渲染数据答案

【问题标题】：Render data from a database从数据库中渲染数据
【发布时间】：2021-09-13 16:35:50
【问题描述】：

假设我想从 firebase 数据库中获取某人的姓名，以便在 JSX 中呈现 React Native 项目。我想渲染如下内容

return(
 <View>
   <Text>{name} retrieved data!</Text>
 </View>)

其中 name 是存储在实时数据库中的一些数据。要获取“名称”变量，我需要对数据库进行异步调用。但是，如果我有正确的名称值，我只想渲染 JSX。我该怎么做呢？我意识到这是一个简单的例子，但这就是重点，因为我花了几个小时试图找出更复杂版本的答案。尝试执行此操作时，我会收到一个错误，因为由于对数据库的异步调用，名称在渲染时未定义。

【问题讨论】：

name 是一个状态吗？

标签： javascript reactjs react-native async-await cross-platform

【解决方案1】：

如果您还没有数据，您可以在仍在加载时渲染其他内容。

例如：

if (!name) {
  return null
}

return (
  <View>
    <Text>{name} retrieved data!</Text>
  </View>
)

某种加载指示器可能比 null 更好。

【讨论】：