映射简单数组 - Reactjs

Question

我正在尝试在reactjs中映射一个简单的数组，但这不起作用。

由于数组包含值。

<select className="mobile">
  {
    departments.map((number) =>{
      return (<option>{number}</option>)
    })
  }
</select>

  

但是选择框是空的。

这是部门的控制台日志。

这是部门正在填补的地方：

  getAllDepartments(){
      db.collection('companies').doc(currentUserData.company_id).collection('departments').get().then(function(compSnapshot){
        console.log(compSnapshot.size + "   ---- SIZE");
        compSnapshot.forEach(compDoc => {
          departments.push(compDoc.data().deptname);
        })
      })
  }

注意：在呈现组件之前，部门正在被填充（确定）。