Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.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 我需要从api设置动态表_Javascript_Reactjs_React Redux_Axios_React Hooks - Fatal编程技术网

Javascript 我需要从api设置动态表

Javascript 我需要从api设置动态表,javascript,reactjs,react-redux,axios,react-hooks,Javascript,Reactjs,React Redux,Axios,React Hooks,我是新来的,真的需要你的帮助。。 在我的公司中,使用两个diff api端点来获取两个动态数据 第一个api的结构与第二个不同 这是第一个这是第二个 正如您所看到的,它们具有不同的api结构 我试图像前一个api一样对第二个api的数据进行解构,但它不断崩溃 如果有人帮忙,我会松一口气的 代码如下 类任务扩展组件{ 建造师(道具){ 超级(道具); 此.state={ 数据:{}, tableData:[], 用户数据:[], 规模:10, 加载屏幕:错误, 加载:false, }; } 组件

我是新来的,真的需要你的帮助。。 在我的公司中,使用两个diff api端点来获取两个动态数据 第一个api的结构与第二个不同 这是第一个这是第二个 正如您所看到的,它们具有不同的api结构

我试图像前一个api一样对第二个api的数据进行解构,但它不断崩溃 如果有人帮忙,我会松一口气的

代码如下

类任务扩展组件{
建造师(道具){
超级(道具);
此.state={
数据:{},
tableData:[],
用户数据:[],
规模:10,
加载屏幕:错误,
加载:false,
};
}
组件willmount(){
这是getData();
}
getData=()=>{
这是我的国家({
加载:对,
});
BaseAPI.defaults.headers['Authorization']=
“持有者”+this.props.loginToken;
获取('/tasks',{})
。然后((响应)=>{
控制台日志(响应);
让tableData=response.data.slice(0,this.state.sizePerPage);
常量fillEmpty=5-(tableData.length%5);
如果(fillEmpty>0&&fillEmpty<5){
for(设i=0;i{
这是我的国家({
加载:false,
用户数据:[],
tableData:[],
});
});
让tokens=sessionStorage.getItem('misctoken');
console.log(令牌);
axios
.get('http://api.nxgdata.com/v1/misc', {
标头:{授权:`Bearer${tokens}`,
})
。然后((响应)=>{
控制台日志(响应);
//代码在这里
})
.catch((错误)=>{
控制台错误(error);
});
};
onTableChange=(类型,{page,sizePerPage})=>{
这是我的国家({
加载:对,
});
const currentIndex=(第1页)*SizePage;
让data=this.state.userData.slice(
当前索引,
currentIndex+SizePage
);
常量fillEmpty=5-(data.length%5);
如果(fillEmpty>0&&fillEmpty<5){
for(设i=0;i{
这个。道具。历史。推({
路径名:'/tasks/create',
});
};
handleEdit=(id)=>{
这个。道具。历史。推({
路径名:'/tasks/'+id,
});
};
GO问卷=(行)=>{
这个。道具。历史。推({
路径名:`answer\u investment/${row.question.id}/${row.category.id}/${row.subcategory.id}`,
});
};
handleDelete=异步(id)=>{
BaseAPI.defaults.headers['Authorization']=
“持有者”+this.props.loginToken;
等待BaseAPI.delete(`/tasks/${id}`)
。然后((响应)=>{
这是getData();
})
.catch((错误)=>console.log('error:',error));
};
render(){
const{buttonDisable}=this.state;
常量列=[
{
文本:“标题”,
数据字段:“标题”,
格式化程序:(单元格内容,行)=>
row.id.indexOf('empty',0)!=-1?null:cellContent,
},
{
文本:“状态”,
数据字段:“状态”,
格式化程序:(单元格内容,行)=>
row.id.indexOf('empty',0)!=-1?null:cellContent,
},
{
文本:“类别”,
数据字段:“category.title”,
格式化程序:(单元格内容,行)=>
row.id.indexOf('empty',0)!=-1?null:cellContent,
},
{
文本:'子类别',
数据字段:“子类别.标题”,
格式化程序:(单元格内容,行)=>
row.id.indexOf('empty',0)!=-1?null:cellContent,
},
{
正文:"问题",,
数据字段:“操作\字段”,
是的,
格式化程序:(单元格内容,行)=>(
{row.id.indexOf('empty',0)!=-1(
''
) : (
这是一份调查问卷(世界其他地区)}
样式={QuestionText}
>
{row.question.question_name}
)}
),
},
{
文本:“分配给”,
数据字段:“分配给”,
格式化程序:(单元格内容,行)=>
row.id.indexOf('empty',0)!=-1?null:cellContent,
},
{
文本:“完成日期”,
数据字段:“结束日期”,
格式化程序:(单元格内容,行)=>
row.id.indexOf('empty',0)!=-1?null:cellContent,
},
{
特克斯