Javascript Outlook web加载项在上载文件时经常崩溃

我正在使用ReactJs开发Outlook Web加载项，我在使用此文件上载程序的地方编写了“撰写任务窗格”加载项。因此，每当我尝试上载任何大小（大小）的文件时，任务窗格就会崩溃并重新启动加载项。大多数情况下，它都是第一次上传任何文件。我是否在代码中做了一些错误的事情，或者是否存在Outlook问题

我还尝试了dropzone的一些react npm包，也出现了同样的错误。我附上了错误截图、outlook警报事件和我的文件上传程序代码

---

Windows 10 Home（19041.388） Outlook 2007版（构建13029.20344单击运行）

import*as React from“React”；
从“officeui/lib/MessageBar”导入{MessageBar}；
接口文档UploaderProps{
handleOnDropFiles：（文件：任意，回调？：任意）=>void；
}
导出默认类DocumentUploader扩展React.Component{
inputFileRef；
建造师（道具）{
超级（道具）；
this.inputFileRef=React.createRef（）；
}
德拉戈弗=（e）=>{
e、 预防默认值（）；
}
德拉根特=（e）=>{
e、 预防默认值（）；
}
dragLeave=（e）=>{
e、 预防默认值（）；
}
fileDrop=（e）=>{
e、 预防默认值（）；
const files=e.dataTransfer.files；
this.props.handleOnDropFiles（文件，（）=>this.inputFileRef.current.value=“”）；
}
onClickDropzone=（）=>{
this.inputFileRef.current.click（）；
}
render（）{
返回(
this.props.handleOnDropFiles（e.target.files，（）=>this.inputFileRef.current.value=”“）}
倍数
/>


单击或拖动此处的文件

);
}
}

我们能够利用这篇文章和文章中的数据在内部重现这一问题。我们已经修复了这个bug，修复应该在build16.0.13603.10000或更高版本中可用。更新的版本何时可用取决于客户所在的发布渠道。

尝试将this.inputFileRef替换为this.inputFileRef.current我尝试替换

this.inputFileRef.current

，但仍会崩溃，但是当我使用simple native input type=file with dropzone div并且不隐藏文件输入和模仿文件输入click event to dropzone div click时，它从来不会崩溃。你可以用你现在尝试的最新代码更新上面的代码。我使用了

，它使用

可见：0

CSS隐藏，并修复了重叠dropzone分区。所以我已经修复了这样的问题。我们无法重现这个问题。在我们这边。一个好方法是检查您是否使用Vanilla JavaScript（无React JS）解决了这个问题。如果是，我们希望您获得完整但简单的复制脚本。您可以利用商店中的ScriptLab加载项来构建复制。