Javascript 组件初始装入时变量的值为null

该组件以前工作正常。我不太清楚我是怎么搞砸的。但是当组件最初装载时，

artist

的值为空。然后——几乎立即——它被指定给我期望的对象。但在此之前，我得到一个错误：

无法读取null的activePreview属性

当我消除错误时，数据在屏幕上正确呈现。所以我根本不知道为什么会出现这个错误

你知道为什么会突然出现这个错误吗？或者为什么

artist

最初为

null

componentDidMount=（）=>{
//获取用户关注的所有艺术家的UID
db.ref（`users/${this.props.uid}/following`）.once（'value'，（快照）=>{
snapshot.forEach（（子快照，索引）=>{
var id=childSnapshot.val（）.uid；
//对于每个ID，检查艺术家是否有活动预览
db.ref（`users/${id}`）。once（'value'，（快照）=>{
常量艺术家=snapshot.val（）；
控制台日志（艺术家）；
//如果有，请将它们添加到activePreviews数组中
if（artist.activePreview）{
this.setState（{activePreviews:this.state.activePreviews.concat（艺术家）}）
}
})
})
})
}