用户在ReactJS中单击Delete时如何删除视频预览

Question

我正在使用reactjs进行项目开发，目前我使用ant-design格式选择视频，当用户单击视频然后在下方显示视频时，但当用户单击删除按钮并选择另一个时，我实现了一些逻辑一个预览视频不能用删除按钮删除。我将分享我的代码，请仔细阅读并为我提供帮助

谢谢

代码

<PhotoText>Select a Video to Upload</PhotoText>
      <FormItem>
        {getFieldDecorator('video', {
          rules: [
            {
              required: true,
              message: 'Please upload video!',
            },
          ],
        })(
          <Dragger onChange={this.onChange} accept="video/*">
          <p className="ant-upload-drag-icon">
            <Icon type="upload" />
          </p>
          <p className="ant-upload-text">
            Click or drag Video to this area to upload
          </p>
        </Dragger>,
        )}
        { this.state.video ? <video width="350" height="280" style={{width:'450px',marginLeft:'23px'}} src={this.state.video} controls/>  : null }
      </FormItem>