Javascript excel文件中的数据显示在表中,但我无法更改数据
我已确保上传excel文件时,数据会显示在表格中。 我现在想确保我也可以更改数据。 我如何确保上传文件后数据仍然可以更改Javascript excel文件中的数据显示在表中,但我无法更改数据,javascript,reactjs,input,rxjs,Javascript,Reactjs,Input,Rxjs,我已确保上传excel文件时,数据会显示在表格中。 我现在想确保我也可以更改数据。 我如何确保上传文件后数据仍然可以更改 export default function ProductImportTable() { const [blad1, setItems] = useState([]); const readExcel=(file)=>{ const promise=new Promise ((resolve,reject)=>{
export default function ProductImportTable() {
const [blad1, setItems] = useState([]);
const readExcel=(file)=>{
const promise=new Promise ((resolve,reject)=>{
const fileReader= new FileReader();
fileReader.readAsArrayBuffer(file);
fileReader.onload= (e) => {
const bufferArray = e.target.result;
const wb=XLSX.read(bufferArray,{type: 'buffer'});
const wsname=wb.SheetNames[0];
const ws=wb.Sheets[wsname];
const data=XLSX.utils.sheet_to_json(ws,{defval:""})
resolve(data);
};
fileReader.onerror=((error)=>{
reject(error);
})
});
promise.then((data)=>{
setItems(data);
})
};
const renderproductimportable=(寄存器、错误、监视)=>{
返回(
{
const file=e.target.files[0];
readExcel(文件);}}/>
Omschrijving产品
索特产品
产品组
Inkoop体积(单位:欧元)
杠杆器
{blad1.map((数据)=>(
您好。请编辑您的问题,部分代码似乎未格式化且不完整。请提前感谢
const renderProductImportTable = (register, errors, watch) => {
return (
<div className="productImportTableContainer">
<input className="Icon"
type="file"
onChange={(e)=>{
const file = e.target.files[0];
readExcel(file);}} />
<table className="productImportTable">
<thead>
<tr>
<th><p><span>Omschrijving</span> product</p></th>
<th><p>Soort product</p></th>
<th><p>Productgroep</p></th>
<th><p>Inkoopvolume in €</p></th>
<th><p>Leverancier</p></th>
</tr>
</thead>
<tbody>
{blad1.map((data) => (
<tr key={data.blad1}>
<td>
<input className={
classnames('field')}
type='text'
value={data.ArtikelomsVerkoop}
value={data.MerknaamVoluit} />
</td>