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

Question

我正在开发一个应用程序，该应用程序使用它获取数据axios，然后将其存储在 redux 商店中。如果数据可以从 api 端点获得，那么一切正常，但是当我没有得到数据时就会出现问题，这给了我这样的错误。类型错误：props.teamProduct._embedded 未定义这就是我的数据在成功调用时的样子当我得到未定义的结果时这是我的代码这就是我team从商店获取列表的方式const mapStateToProps = (state) => {  return {        team: state.productDetails.team.team.data,  };};之后我将它传递给组件产品明细{teamProduct &&              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>                  );                }              })}有没有办法在这里检查未定义的值。

Answer 1

需要检查您实际需要的所有属性访问权限

{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>

      );

    }

  })

}