函数返回值未在控制台中显示-React

Question

我有2个js文件，分别名为 rep_customerDetails.js 和 BackendReports.js 。

在 rep_customerDetails.js 中具有以下代码。

import firebase from '../../../../fbConfig/fbConfig'

export const rep_customerDetails = (inputs) => {
    var data = [];
    var count = 1;
    firebase.firestore().collection('customer').get()
        .then((snap) => {
            snap.forEach((doc) => {
                data.push(doc.data())
                if (count == snap.docs.length) {
                    console.log(data)
                    return data
                }
                count++
            })
        })
        .catch((err) => {
            return (err)
        })
}

我从 BackendReports.js 文件以及代码下方调用此函数。

    //On search button click
    const generateReport = () => {
        switch (inputs.reportName) {
            case "Customer details":
                const x = rep_customerDetails(inputs);
                console.log(x)
                break;
            case "Delivery details":
                break;
            default:
                return 0;
        }
    }

这显示了2个控制台结果。第一个是 undefined ，第二个是firestore的预期输出。 BackendReports.js 文件中的未定义值显示。为什么会这样呢？为什么返回值未在控制台中显示。

请参考控制台日志结果。 console SS