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

---

• Sebastian Calderon - jscalderon65

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.

• jayanthbabu123 - Perfil de GitHub - jayanthbabu123
• excel-to-json-by-javascript - Repositorio de Github - excel-to-json-by-javascript

Repositorio de GitHub del proyecto:

• excel-to-json-in-react-js

Licencia

MIT © jscalderon65