Javascript 如何使用React.js将多个图像上载到Firebase

使用react js，我需要将多个图像上载到firebase，我尝试了以下代码，但无法进行多个上载

//display multi
handleChange(event) {

    const file = Array.from(event.target.files);
    this.setState({ file });   
}
//upload multi
fileuploadHandler = () => {

    const storageRef = fire.storage().ref();
    storageRef.child(`images/${this.state.file.name}`)
        .putFile(this.state.file).then((snapshot) => {

    });
  }

render() {
    return (
        <div className="App">
            <input id="file" type="file" onChange={this.handleChange.bind(this)} required multiple />
            <button onClick={this.fileuploadHandler}>Upload!</button>               
            </div>

    )

}

//显示多个
手变（活动）{
const file=Array.from（event.target.files）；
这个.setState（{file}）；
}
//上传多个
fileuploadHandler=（）=>{
const storageRef=fire.storage（）.ref（）；
storageRef.child（`images/${this.state.file.name}`）
.putFile（this.state.file）.then（（快照）=>{
});
}
render（）{
返回(
上传！
)
}

要处理多个文件，需要循环输入的

文件

属性

因此：

const storageRef = fire.storage().ref();
this.state.file.forEach((file) => {
  storageRef
      .child(`images/${file.name}`)
      .putFile(file).then((snapshot) => {
  })
});