Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript excel文件中的数据显示在表中,但我无法更改数据_Javascript_Reactjs_Input_Rxjs - Fatal编程技术网

Javascript 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)=>{

我已确保上传excel文件时,数据会显示在表格中。 我现在想确保我也可以更改数据。 我如何确保上传文件后数据仍然可以更改

 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>