Javascript 如何检查reactjs映射中的未定义

我正在开发一个应用程序，它使用axios获取数据，然后将数据存储在redux商店中。如果api端点上有可用的数据，那么一切都可以正常工作，但是当我没有得到任何数据时，问题就出现了，这样说会给我带来错误

TypeError:props.teamProduct.\u嵌入未定义

这是我的数据在成功呼叫时的外观

当我得到未定义的结果时

这是我的密码

这就是我从商店获得

团队
列表的方式

const mapStateToProps = (state) => {
  return {
    
    team: state.productDetails.team.team.data,
  };
};

之后，我将把它传递给组件

产品详细信息

{teamProduct&&
teamProduct.\u embedded.cartResourceList.map（（项目，索引）=>{
控制台日志（“项”，项）；
如果（指数<2）{
返回(
);
}
})}

是否有任何方法可以在此处检查未定义的值。
需要检查对实际需要的值的所有属性访问

{teamProduct && 
  teamProduct._embedded &&
  teamProduct._embedded.cartResourceList &&
  teamProduct._embedded.cartResourceList.map((item, index) => {
    console.log("item", item);
    if (index < 2) {
      return (
        <Grid
          key={index}
          container
          item
          xs={12}
          className="mid_box"
        >
          <Grid container item xs={6}></Grid>
        </Grid>
      );
    }
  })
}

{teamProduct&&
teamProduct.\u嵌入式&&
teamProduct.\u embedded.cartResourceList&&
teamProduct.\u embedded.cartResourceList.map（（项目，索引）=>{
控制台日志（“项”，项）；
如果（指数<2）{
返回(
);
}
})
}

{teamProduct && 
  teamProduct._embedded &&
  teamProduct._embedded.cartResourceList &&
  teamProduct._embedded.cartResourceList.map((item, index) => {
    console.log("item", item);
    if (index < 2) {
      return (
        <Grid
          key={index}
          container
          item
          xs={12}
          className="mid_box"
        >
          <Grid container item xs={6}></Grid>
        </Grid>
      );
    }
  })
}