Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.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 无法读取属性';长度';未定义的反应_Javascript_Reactjs - Fatal编程技术网

Javascript 无法读取属性';长度';未定义的反应

Javascript 无法读取属性';长度';未定义的反应,javascript,reactjs,Javascript,Reactjs,TypeError:无法读取未定义的属性'length',当我运行react.js应用程序时,s编译器说了什么。我需要做什么 request=(开始,结束)=>{ if(this.state.teams.length{ 这是我的国家({ 团队:响应。数据 }) }) } get(`${URL}/articles?\u start=${start}&\u end=${end}`) 。然后(响应=>{ 这是我的国家({ items:[…this.state.items,…response.data

TypeError:无法读取未定义的属性'length',当我运行react.js应用程序时,
s编译器说了什么。我需要做什么

request=(开始,结束)=>{
if(this.state.teams.length<1){
get(`${URL}/teams`)
。然后(响应=>{
这是我的国家({
团队:响应。数据
})
})
}
get(`${URL}/articles?\u start=${start}&\u end=${end}`)
。然后(响应=>{
这是我的国家({
items:[…this.state.items,…response.data]
})
})

}
我建议在尝试获取长度之前,先检查“团队”是否未定义

if (value === undefined) {
    // value is undefined
}

确保使用如下数组值初始化组件状态的值:

class MyComponent extends React.Component {

    state: {
      teams: [],
    };
}

我建议首先检查道具是否未定义、是否为空或是否已声明

例如:

    const card = props && props.cards && props.cards.length > 0 ?
        props.cards.map((card, i) => {
            return (
                <card >
            )
        }) : '';
const card=props&&props.cards&&props.cards.length>0?
道具.卡片.地图((卡片,i)=>{
返回(
)
}) : '';

然后把你的卡还给我。

我认为你对团队没有价值。尝试检查
this.state.teams
是否有值。这非常有效,但是我们是否有任何通用方法来使用这些标志。因为我有20个地方,我用这个标志来表示单个组件,它使组件变得冗长和复杂messy@HidaytRahman例如,您可以使用useEffect钩子在从API获得响应后更新特定的“状态/标志”。