React CSV下载不是CSV格式

时间:2018-12-06 10:40:32

标签: javascript reactjs csv

我正在使用React CSV将我的数据转换为excel CSV。
但是,当我使用react CSV库下载CSV中的数据时,
我得到了以下文件: The downloaded file

此文件的内容以逗号分隔,因此可以添加为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'
}];

1 个答案:

答案 0 :(得分:0)

我知道帖子发布已经有一年多了,但是我的react-web-app面临着同样的问题。

此评论可能会帮助您: https://github.com/react-csv/react-csv/issues/46#issuecomment-542537417

显然,此问题仅发生在Windows用户上(我在MacOS上进行开发-.csv扩展名可以正常工作,而我的window-using-boss告诉我该错误) 基本过程是导入一个名为“ react-device-detect”的库 并使用该库中的'osVersion'或'osName'方法创建逻辑,制作OS检测器语句,然后将“ .csv”字符串手动添加到“ CSVLink”的属性“ filename”。

顺便说一句,这是我的第一个“贡献”评论!希望这会有所帮助!