数据表不显示数据...但是硬编码数据有效

编程问答 2022-06-15

问题描述

我的反应项目中有一个奇怪的问题，该问题使用“ datatables.net”：“ ^ 1.10.21”。

我定义了一个名为Tbl的react组件，该组件使用Datatables并接受道具以获取必须显示的数据。

这是我的Tbl组件的一部分代码

$.DataTable = require('datatables.net');
export class Tbl extends Component {
componentDidMount() {
this.$el = $(this.el);
this.$el.DataTable(
{
data: this.props.dataForTable,...}
}

当我在视图中调用该Tbl组件时，只有在prop值经过硬编码的情况下，我才能看到预期的结果

<Tbl dataForTable={[{ "uid" : "11111","key1":"value1","key2":"value2"},{ "uid" : 
"11112","key1":"value11","key2":"value22"}]}/>

screen shot

注意 我的数据源类型是一个格式如下的对象： [{“ uid”：“ 11111”，“ key1”：“ value1”，“ key2”：“ value2”}，{“ uid”：“ 11112”，“ key1”：“ value11”，“ key2”：“ value22 “}] 根据文档，这种类型被DataTable对象的“数据”字段接受。

当我想显示从数据库中获取的记录时，不会显示数据……即使它与硬编码的格式相同！！！！

我只改变了

<Tbl dataForTable={dataFetchingResult}/>

使用以下方法在视图中显示dataFetchingResult内容

{
{JSON.stringify(dataFetchingResult)}
}

screen shot2

有什么主意吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

datatabledatatabledisplayhardcodedreactjsreactjsreactjsreactjs