【v17.0.8】导入文件显示spread.open is not a function

樱花飞舞 · 樱花飞舞

Joestar.Xu 发表于 2024-6-24 11:44
您好，根据您提供的信息无法判断具体的原因，请您直接提供一个可以复现您问题的Demo，这边结合实际代码帮您 ...

您好，由于公司电脑文件加密限制，只能贴这个代码了，还请见谅哈

。
使用react官方cli命令创建的demo项目：yarn create react-app sjs-react-app
index.js文件

import React, { useState, useEffect } from 'react';
import * as GC from '@grapecity-software/spread-sheets';
import "@grapecity/spread-sheets-io";
import { SpreadSheets, Worksheet } from '@grapecity-software/spread-sheets-react';
import '../node_modules/@grapecity-software/spread-sheets/styles/gc.spread.sheets.excel2013white.css';
function App() {
const [spread, setSpread] = useState()
const [selectedFile, setSelectedFile] = useState(null)
let hostStyle = {
width: '100%',
height: '600px',
border: '1px solid darkgray'
}
useEffect(() => {
if (!selectedFile) {
console.log(111)
return
} else {
console.log(selectedFile, '<<<<selectedFile');
spread.open(selectedFile, function() {
console.log('success');
}, function (info) {
console.log(info,'error');
})
}
}, [selectedFile])
let initSpread = function (spread) {
setSpread(spread)
// let sheet = spread.getActiveSheet();
// sheet.getCell(0, 0).vAlign(GC.Spread.Sheets.VerticalAlign.center).value('Hello SpreadJS!');
}
const uploadChange = (e) => {
console.log(e, '<<<<file');
let file = e.target.files[0];
setSelectedFile(file)
}
return (
<div className="App">
<input type="file" onChange={uploadChange} accept=".xls,.xlsx" />
<SpreadSheets workbookInitialized={spread => initSpread(spread)} hostStyle={hostStyle}>
<Worksheet></Worksheet>
</SpreadSheets>
</div>
);
}
export default App;

复制代码

package.json文件

复制代码

Joestar.Xu · Joestar.Xu

您好，由于本帖较长时间没有回复，本帖先做结贴处理了，后续如您有其他问题，欢迎您开新帖提问。

		自动登录	找回密码
密码			立即注册

[已处理] 【v17.0.8】导入文件显示spread.open is not a function