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.
npm install excel-to-json-in-react-js
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 | 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 |
- Sebastian Calderon - jscalderon65
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.
- jayanthbabu123 - Perfil de GitHub - jayanthbabu123
- excel-to-json-by-javascript - Repositorio de Github - excel-to-json-by-javascript
MIT © jscalderon65