Javascript 使用firebase数据填充下拉字段

我正在控制台中获取值，但无法在下拉列表中显示

谁能解释一下我做错了什么

        return firebase.database().ref('Users/Trainers/').on('value', (snapshot) => {
            snapshot.forEach(function(childSnapshot){
                // var childKey= childSnapshot.key;
                var childData= childSnapshot.val();
                var childEmail = childData.email;
                var childfirstName = childData.firstName;
                var childlastName = childData.lastName;
                var childTrainers = childfirstName + ' ' + childlastName + ' ' + childEmail;
            console.log(childTrainers);
            })
        })
    }

    async componentDidMount(){
        this.getlist();
    }

陈述

childTrainers:[]

在渲染方法上

---

从firebase获取值时尝试更新状态：

return firebase.database（）.ref（'Users/Trainers/'）。on（'value'，（snapshot）=>{
const childTrainerSnapshot=snapshot.map（childSnapshot=>{
返回childfirstName+''+childlastName+''+childEmail
});
this.setState（{childTrainers:childTrainerSnapshot}）；
})

更新后的childTrainers在哪里调用

setState

？这就是我犯的错误

this.setState（{CourseName:[{label:{CName}]}）

如果这样做，我会得到errorTypeError:无法读取未定义数据的属性'setState'，请参阅如何从Firebase加载数据、将其设置为状态并从那里渲染数据的最小示例。不，这对我不起作用