Javascript 如何从Firebase存储中读取文件并在React组件上显示内容？

我在firebase存储中有一个文件，如何让我的应用程序从中读取内容，然后在我的类组件div中打印这些内容？现在我有了它，这样它就可以在一个新选项卡中打开firebase文件

class ScanResult extends Component {
    state = {
        isFinishedScanning: false
    }
    componentDidMount() {
        const storageRef = app.storage().ref();
        app.database().ref("imgScanStatus").on("value", snapshot => {
            snapshot.forEach(snap => {
                this.setState({ isFinishedScanning: snap.val() });
            });
            if (this.state.isFinishedScanning) {
                storageRef.child('scanFiles/scan.txt').getDownloadURL().then(function (url) {
                    window.open(url);//OPENS FIREBASE FILE IN NEW TAB
                });
            }
        });
    }
    render() {
        return (
            <div>
                <InnerTitleBar title="Scan Result" />
                <p>Processing image...</p>
                <img src={loading} />
                <div>DATA FROM SCAN.TXT</div>
            </div>
        );
    }
}

类ScanResult扩展组件{
状态={
IsFinishedScan:错误
}
componentDidMount（）{
const storageRef=app.storage（）.ref（）；
app.database（）.ref（“imgScanStatus”）.on（“值”，快照=>{
snapshot.forEach（snap=>{
this.setState（{isfinishedscaning:snap.val（）}）；
});
if（this.state.isFinishedScanning）{
storageRef.child（'scanFiles/scan.txt'）。getDownloadURL（）。然后（函数（url）{
window.open（url）；//在新选项卡中打开FIREBASE文件
});
}
});
}
render（）{
返回(
正在处理图像

来自SCAN.TXT的数据
);
}
}

显示了如何执行此操作。

getDownloadURL

为您提供了一个URL，您必须查询该URL才能获取文件的内容，然后您可以将该内容置于组件的状态以显示它。

说明了如何执行此操作。

getDownloadURL

为您提供了一个URL，您必须查询该URL才能获取文件的内容，然后您可以将该内容置于组件的状态以显示它