如何从Firebase存储获取URL？

Question

我有以下代码：

const imgURL = () => {
        const fileName = report.reporter.avatar.Pc.path.segments[8];
        const storageRef = storage.ref('images');
        storageRef.child(`/${fileName}`).getDownloadURL().then((url) => {
            console.log(url) // here I am getting the url in the console
            return url;
        });
    }

    console.log(imgURL()); // here its undefiend

对于某些我不知道为什么我无法获得函数返回的结果

Answer 1

您可以使用async / await尝试类似的操作，但我不知道async / await是否可以起到反应作用。

const imgURL = async () => {
    const fileName = report.reporter.avatar.Pc.path.segments[8];
    const storageRef = storage.ref('images');
    const url = await storageRef.child(`/${fileName}`).getDownloadURL().catch((error) => { throw error });;
    return url;
}

更改您的调用方法：

console.log(await imgURL());

Answer 2

修复我的代码（useState）的原因

 const [avatarUrl, setAvatarUrl] = useState('');

    const imgURL = async () => {
        const fileName = report.reporter.avatar.Pc.path.segments[8];
        const storageRef = storage.ref('images');
        await storageRef.child(`/${fileName}`).getDownloadURL().then((url) => {
            setAvatarUrl(url);
        });
    }
    imgURL();