javascript - 状态更新未显示渲染内部的更改，即使状态已更新

Question

我正在实现多张图片上传及其预览。这里我正在更新状态，但没有显示渲染内部的变化。当值更新到状态变量时，我需要打印 hello ，但它不打印

state={
    allImages:[]
}

handleChange=(e)=>{

   let image=[];
   for(let i of e.target.files){

       const reader=new FileReader();
       reader.readAsDataURL(i);

       reader.onload=()=>{
         if(reader.readyState===2){
             image.push(reader.result);
         }
       }
     }
   this.setState({allImages:image});
}

render(){
  return (
          {this.state.allImages.map(i=><h1>Hello<h1>)
   )
}

标签： javascripthtmlreactjs