Javascript React render methodq中变量的对象数组问题

**我从render方法开始时的状态定义了一个常量变量

blog

。它包含一个对象数组，这些对象打印到控制台，然后作为

options.data

prop传递到

DataTable

**

import React，{Component}来自“React”；
从“axios”导入axios；
//从“../../../common/widgets/components”导入{WidgetGrid}”；
从“../../../common/layout/components”导入{Stats}”；
从“../../../common/navigation”导入{BigBreadcrumbs}；
进口{
WidgetGrid，
JarvisWidget
}来自“../../../common”；
从“../../../common/tables/components/Datatable”导入数据表；
导出默认类AllBlogs扩展组件{
状态={
博客：[]
}
componentDidMount（）{
此.setState（（）=>（{blogs:[
{
“标题”：“查询-查询-查询-查询”，
"作者":1,，
“观众”：213
},
{
“标题”：“查询-查询-查询-查询”，
"作者":1,，
“观众”：213
}
]
}))
}
render（）{
const{blogs}=this.state；
log（this.state.blogs）；
返回(
标准数据表
图画
标题
观众
作者
);
}
}

---

因为博客在初始渲染时是未定义的

    <Datatable

       options={{
       data: {blogs && blogs},
       columns: [
       {data: "title"},
        {data: "author"},
        {data: "viewers"},
      ]
 }}

---

因为博客在初始渲染时是未定义的

    <Datatable

       options={{
       data: {blogs && blogs},
       columns: [
       {data: "title"},
        {data: "author"},
        {data: "viewers"},
      ]
 }}

最好将此代码放在codesandbox中，以便其他人可以检查是否可以添加直接传递对象的渲染方法版本？（在a中显示代码可能是最好的。）抱歉，我在codesandbox中有错误，不知道如何修复它们，请帮助我您是否为datatable使用库？您可以显示Datatable组件的代码吗？我在任务中显示datatables组件，谢谢。最好将此代码放入codesandbox中，以便其他人可以检查。您可以在直接传递对象的位置添加渲染方法的版本吗？（在a中显示代码可能是最好的。）抱歉，我在codesandbox中有错误，不知道如何修复它们，请帮助我您是否为datatable使用库？您能显示Datatable组件的代码吗？我在任务中显示datatables组件，谢谢