React CSV下载不是CSV格式

Question

我正在使用react CSV将我的数据转换为excel CSV。

但是，当我使用react CSV库下载CSV格式的数据时，

我得到了这个文件：

​

​

这个文件的内容是用逗号分隔的，非常适合添加到CSV中。

那么为什么我的文件不是.CSV格式的呢？

这是我的CSVLink代码：

<CSVLink data={dataex} filename={"belhistorie.csv"} className="btn btn-primary">
    Download me
</CSVLink>

这是我的dataex对象：

const dataex = [{
     CallID: '247279',
     OriginationName: '',
     DestinationName: 'destination',
     OriginationNumber: '+31555776005',
     DestinationNumber: '+31410008993',
     Calltime: '00:17',
     StartTime: '06-12-2018 08:00',
     EndTime: '06-12-2018 08:00',
     Type: 'incoming',
     State: 'Connected'
},{
     CallID: '247280',
     OriginationName: 'person1',
     DestinationName: 'person2',
     OriginationNumber: '+31777779314',
     DestinationNumber: '803',
     Calltime: '00:54',
     StartTime: '06-12-2018 08:00',
     EndTime: '06-12-2018 08:00',
     Type: 'incoming',
     State: 'Connected'
}];

Answer 1

我知道这已经是一年多前的帖子了，但我在我的react-web-app上也面临着同样的问题。

也许这条评论会对你有所帮助：https://github.com/react-csv/react-csv/issues/46#issuecomment-542537417

显然，这个问题只发生在Windows用户身上(我在MacOS -.csv扩展上开发的很好--我的window- using -boss告诉我这个bug)基本步骤是导入一个名为"react-device-detect“的库，并使用该库中的”osVersion“或”osName“方法创建一个逻辑，创建一个OS检测器语句，然后手动将".csv”字符串添加到"CSVLink“的属性"filename”中。

顺便说一下，这是我的第一个“贡献”评论！希望这能有所帮助！

Answer 2

从上面看，将.csv添加到末尾是可行的。这个问题只发生在chrome上，火狐已经知道它是一个.csv。