时间戳

首页 > 解决方案 > 我们可以在 spreadjs 中使用动态标题吗？

javascript - 我们可以在 spreadjs 中使用动态标题吗？

问题描述

我已经spreadJS与反应框架集成。他们只使用 JSON中spreadjs指定的标题名称，因此数据会显示在电子表格中。

我们可以使用 JSON 获得动态标头及其各自的值吗？

import { SpreadSheets, Worksheet, Column } from '@grapecity/spread-sheets-react';

this.data = [
    {
        "id": 1934,
        "date": "2018-11-01",
        "value": 10.0
    },
    {
        "id": 1935,
        "date": "2018-12-01",
        "value": 10.0
    },
    {
        "id": 1935,
        "date": "2018-12-01",
        "value": 10.0
    }
]


class SpreadJsSample extends React.Component {
   render() {
    return (
      <div>
        <SpreadSheets>
          <Worksheet data={this.data}>
            {this.data.map(index => {
              <Column width={150} data={index.date} />;
            })}
          </Worksheet>
        </SpreadSheets>
      </div>
    );
  }
}

我收到以下错误

  1. 上述错误发生在 Worksheet 组件中：

  2. 未捕获无法读取 null 的属性“类型”

任何帮助将不胜感激。谢谢！

标签： javascriptreactjsspreadjs

解决方案

您传递给 .map() 的函数没有返回任何内容，因此您的列数组当前为[undefined, undefined, undefined]。

您只需要返回<Column>：

{this.data.map(index => { return <Column width={150} data={index.date} />; })}

或者

{this.data.map(index => <Column width={150} data={index.date} /> )}

推荐阅读