開発環境
- react v16.14
- react-papaparse v3.16.1
実装内容
以下、公式通りの実装ですが、csvファイル(日本語)をアップロード後に、できれば「handleOnDrop」の関数内で、stateにデータを格納したいと考えていますが、dataをログで確認すると文字化けしています。
// App.js import React, { Component } from 'react' import { CSVReader } from 'react-papaparse' export default class CSVReader extends Component { handleOnDrop = (data) => { console.log('---------------------------') console.log(data) console.log('---------------------------') } handleOnError = (err, file, inputElem, reason) => { console.log(err) } handleOnRemoveFile = (data) => { console.log('---------------------------') console.log(data) console.log('---------------------------') } render() { return ( <CSVReader onDrop={this.handleOnDrop} onError={this.handleOnError} addRemoveButton onRemoveFile={this.handleOnRemoveFile} > <span>Drop CSV file here or click to upload.</span> </CSVReader> ) } }
実現したいこと
下記、1もしくは2で文字化けを解消できないか考えておりますが、実装方法が分からずご助言をいただけると幸いです。
- (react-papaparse以外の)ライブラリを利用せずに文字化けを解消したい
- react-papaparseの設定で解消できるのであれば、一番ベストと考えています。
csv ファイルの文字コードはどうなってますか? Shift-JIS ならこれでいけるかも。
https://qiita.com/takanorip/items/c0f54f133fc58c54b646#impimpimpshift-jisimpimpimp
あなたの回答
tips
プレビュー