如何在js上将数据导入表?

分享于2022年11月15日 electron javascript wildwebdeveloper 问答
【问题标题】:How to import data to table on js?如何在js上将数据导入表?
【发布时间】:2022-08-14 10:53:33
【问题描述】:

enter image description here

请帮我 我是 electron.js 和网络开发的新手 我想在 index.js 页面上添加表格项目。但我面临着图片中的问题。 错误代码是:ts(2657)

这是代码:

\'\'\'

const sideMenu = document.querySelector(\"aside\");
const menuBtn = document.querySelector(\"#menu-btn\");
const closeBtn = document.querySelector(\"#close-btn\");
const themeToggler = document.querySelector(\".theme-toggler\");

// show sidebar
menuBtn.addEventListener(\'click\', () => {
    sideMenu.style.display = \'block\';
})

// close sidebar
closeBtn.addEventListener(\'click\', () => {
    sideMenu.style.display = \'none\';
})

// change theme
themeToggler.addEventListener(\'click\', () => {
    document.body.classList.toggle(\'dark-theme-variables\');

    themeToggler.querySelector(\'span:nth-child(1)\').classList.toggle(\'active\');
    themeToggler.querySelector(\'span:nth-child(2)\').classList.toggle(\'active\');
})


// fill orders in table
Orders.forEach(order => {
    const tr = document.createElement(\'tr\');
    const trContent = 
    
                        \'
                        ${order.productName}
                        ${order.productNumber}
                        ${order.paymentStatus}
                        ${order.shipping}
                        Details
                        \';
    

})

\'\'\'


enter image description here 我找到问题了 在 \"const trContent=\" 之后,我使用第一个键。但实际上,我必须使用第二把钥匙。看图片

  • 其实,我想写插入
  • 你在用反应吗?错误: JSX expressions must have one parent element.ts(2657)
  • 请张贴代码而不是图片
  • 我想在 electron.js 上制作桌面应用程序

【解决方案1】:

如果要使用纯文本插入如图所示的数据,首先要使用反引号(``);这允许您从变量中插入数据并编写多行文本。

之后,您当然可能希望将该文本放入元素中。代码将如下所示:

const tr = document.createElement('tr');
const trContent = `
    ${order.productName}
    ${order.productNumber}
    ${order.paymentStatus}
    
        ${order.shipping}
    
    Details
`;

tr.innerHTML = trContent;

【讨论】:

  • 不幸的是,这没有用