Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Sfat achizitie MTB Devron Riddle

Problema mare cu parintii= nervi ...

switch microtik

Permis categoria B la 17 ani
 Sfaturi pentru pregatirea de eval...

Crapaturi placa

cum imi accesez dosarul electroni...

Momentul Aprilie 1964
 Sursa noua - zgomot ?

A fost lansat Ubuntu 24.04 LTS

Pareri apartament in zona Berceni?

Free streaming SkyShowtime de la ...
 Skoda Fabia 1.0 TSI (110 CP)- 19 ...

Mezina familiei, Merida BigNine

The Tattooist of Auschwitz (2024)

Se poate recupera numar de telefo...
 

Problema exportare React

- - - - -
  • Please log in to reply
4 replies to this topic

#1
RazvanEtti

RazvanEtti

    Junior Member

  • Grup: Junior Members
  • Posts: 78
  • Înscris: 13.10.2020
Salut, vreau sa creez o simpla aplicatie in React.js, in care sa pot modifica un tabel excel deja existent in folderul proiectului. Codul este mai jos:

import React from 'react';
import './App.css';
import * as XLSX from 'xlsx';
function App() {
  const handleExportClick = () => {
	// Define the columns for the worksheet
	const columns = ['Name', 'Age', 'Gender'];
	// Define the data for the worksheet
	const data = [
	  ['John Doe', 30, 'Male'],
	  ['Jane Doe', 25, 'Female'],
	  ['Bob Smith', 40, 'Male'],
	];
	// Load the existing workbook
	const workbook = XLSX.readFile('/public/test.xlsx');
	// Create a new worksheet
	const worksheet = XLSX.utils.aoa_to_sheet([columns, ...data]);
	// Add the worksheet to the workbook
	XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
	// Save the workbook to the same file
	XLSX.writeFile(workbook, '/public/test.xlsx');
  };
  return (
	<div className="App">
	  <button onclick={handleExportClick}>Export to Excel</button>
	</div>
  );
}
export default App;


Eroarea spune: caught Error: Cannot access file /public/test.xlsx
Fisierul excel este in calea buna, am incerca sa schimb si calea insa tot acelasi rezultat, aveti vreo solutie ?

#2
Turcalet

Turcalet

    Member

  • Grup: Members
  • Posts: 285
  • Înscris: 26.12.2020
Nu e nevoie sa specifici "/public", root-ul la o aplicatie React e deja folderul public si se rezolva la "/", deci poti sa faci direct "/test.xlsx"

#3
RazvanEtti

RazvanEtti

    Junior Member

  • Grup: Junior Members
  • Posts: 78
  • Înscris: 13.10.2020
Am schimbat, insa aceasi problema persista...

#4
G1q

G1q

    Active Member

  • Grup: Members
  • Posts: 1,019
  • Înscris: 31.01.2007
Metoda readFile functioneaza doar pe server, in nodeJS. Tu trebuie sa faci un fetch al fisierului xlsx intai si apoi cu rezultatul de acolo sa te joci.

#5
RazvanEtti

RazvanEtti

    Junior Member

  • Grup: Junior Members
  • Posts: 78
  • Înscris: 13.10.2020
Salut, ideea este in felul urmator, am modificat din react pe Angular, iar aici doresc sa pot updata din aplicatie un excel care se afla in OneDrive.Oare cum as putea sa fac asta, eu am incercat cu Azure, insa nu imi iasa deloc.Ma puteti ajuta ?

Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate