如何在react中动态显示客户端抓取的图片？

import React, { Component } from 'react';

class ImageUploader extends Component {
  constructor(props) {
    super(props);
    this.state = {
      imageUrl: null
    };
  }

  handleImageChange = (event) => {
    const file = event.target.files[0];
    const reader = new FileReader();

    reader.onload = (e) => {
      this.setState({
        imageUrl: e.target.result
      });
    };

    reader.readAsDataURL(file);
  }

  render() {
    const { imageUrl } = this.state;

    return (
      <div>
        <input type="file" onChange={this.handleImageChange} />
        {imageUrl && <img src={imageUrl} alt="Uploaded" />}
      </div>
    );
  }
}

export default ImageUploader;