при вставке данных в csv данные записываются в одну ячейку

Question

Использую react-csv Данные записываются в одну ячейку, почему?

https://www.npmjs.com/package/react-csv

import React, { useState } from 'react';
import { CSVLink } from 'react-csv';


const ExportReactCSV = (  ) => {
  const [state] = useState({
    headers : [
      { label: "First Name", key: "firstname" },
      { label: "Last Name", key: "lastname" },
      { label: "Email", key: "email" }
    ],

    data : [
      { firstname: "Ahmed", lastname: "Tomi", email: "[email protected]" },
      { firstname: "Raed", lastname: "Labes", email: "[email protected]" },
      { firstname: "Yezzi", lastname: "Min l3b", email: "[email protected]" }
    ]
  })


  return (
    <CSVLink data={state.data} headers={state.headers} filename={"my-file.csv"} >Export</CSVLink>
  )
};

export default ExportReactCSV;

Answer 1

Похоже, что проблема в разделителе.

В CSV разделитель - запятая, но часто используются и другие разделители, например, точка с запятой ";".

Я думаю, что в react-csv стоит настройка "разделитель = запятая" (и ваша задача - найти, где эту настройку поменять), а в Excel стоит настройка "разделитель = точка с запятой".

Answer 2

Попробуй это <CSVLink data={array} separator={";"}>Download me</CSVLink>

БЛОГ НА HUSL

при вставке данных в csv данные записываются в одну ячейку

Ответы (2 шт):