excel-to-json-in-react-js

1.0.2 • Public • Published

excel-to-json-in-react-js


excel-to-json-in-react-js es un componente de React Js que contiene un input file el cual permite la conversión de los datos de un archivo excel a formato JSON.

Instalación


npm install  excel-to-json-in-react-js

Modo de uso


Se necesita pasar por las props del componente, un hook que será el que almacene los valores JSON retornados del archivo de excel escogido e importar en el head del index html de la aplicación el siguiente CDN:

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.2/xlsx.full.min.js"></script>

import React,{useState} from 'react';
import {ExcelToJson} from 'excel-to-json-in-react-js';
const App = () => {
  const [JsonData,setJsonData]=useState("");
  return (
    <>    
    <ExcelToJson
    JsonDataSetter={setJsonData}
    />
    {JsonData&&JSON.stringify(JsonData)}
    </>
  );
};
export default App;

Props:


Props Función Valor esperado Valor por defecto Es requerido
ContainerClassName Clase de CSS para el contenedor del componente. String "" false
InputFileClassName Clase de CSS para el input file del componente. String "" false
ContainerButtonsClassName Clase de CSS para el contenedor de los botones del componente. String "" false
ConvertButtonClassName Clase de CSS para el botón de conversión de datos del componente. String "" false
CleanButtonsClassName Clase de CSS para el botón de limpieza de datos del componente. String "" false
ConvertButtonText Texto del botón de conversión de datos. String "Convert" false
CleanButtonText Texto del botón de limpieza de datos. String "Clean" false
JsonDataSetter Función que modifica el estado del la variable que contiene los valores JSON retornados. Function undefined true

Autores


Créditos


Todos los créditos del funcionamiento del componente a la hora de hacer la conversión de los archivos excel a JSON, se le atribuye al repositorio de GitHub excel-to-json-by-javascript y su creador: jayanthbabu123.

Repositorio de GitHub del proyecto:

Licencia

MIT © jscalderon65

Readme

Keywords

none

Package Sidebar

Install

npm i excel-to-json-in-react-js

Weekly Downloads

28

Version

1.0.2

License

MIT

Unpacked Size

253 kB

Total Files

6

Last publish

Collaborators

  • sebastian0599