亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

檢查 JSON 是否在返回中多次包含子元素

檢查 JSON 是否在返回中多次包含子元素

ibeautiful 2023-11-02 21:51:24
我正在嘗試在循環遍歷 JSON 子元素之前檢查它們的長度(或者是否存在)。我的例子有一個注釋:{const itHasChildren = item.child_items.length;}我上面得到的錯誤是src/Components/HeaderComponent/header.js 第 60:29 行:“childItem”未定義 no-undef搜索關鍵字以了解有關每個錯誤的更多信息。 return (    <nav >          <ul className="navbar-nav">        {menus &&          menus.map((item) => (                        <li className="nav-item active" key={item.ID}>                                <Link >{item.title} </Link>     // I NEED TO CHECK THE LENGTH  OR IF child_items EXISTS      //  HERE SO I CAN DECIDE WHETHER TO DISPLAY THIS DIV OR NOT              {item.child_items.map((childItem).length)}              <div className="dropdown-menu" aria-labelledby="navbarDropdownMenuLink" >              {item.child_items &&                item.child_items.map((childItem) => (                                  <Link >{childItem.title} </Link>                                          ))}                  </div>            </li>                     ))}      </ul> </nav>  );
查看完整描述

2 回答

?
撒科打諢

TA貢獻1934條經驗 獲得超2個贊

我已經清理了你的代碼,所以它應該可以工作。只是地圖內的第一個元素需要,key根據您的數據,它可能是數組中的索引位置


  return (

    <nav className="navbar navbar-expand-lg navbar-light bg-light">

      <button

        className="navbar-toggler"

        type="button"

        data-toggle="collapse"

        data-target="#navbarNavDropdown"

        aria-controls="navbarNavDropdown"

        aria-expanded="false"

        aria-label="Toggle navigation"

      >

        <span className="navbar-toggler-icon"></span>

      </button>


      <div className="collapse navbar-collapse" id="navbarNavDropdown">

        <ul className="navbar-nav">

          {(menus || []).map((item, ix) => (

            <li key={ix} className="nav-item active">

              <Link

                className="nav-link"

                to={{

                  pathname: item.slug,

                  state: {

                    pageId: item.slug

                  }

                }}

              >

                {item.title}

              </Link>


              {(item.child_items || []).map((childItem, ix) => (

                <div key={ix} className="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">

                  <Link

                    className="dropdown-item"

                    to={{

                      pathname: childItem.slug,

                      state: {

                        pageId: childItem.slug

                      }

                    }}

                  >

                    {childItem.title}

                  </Link>

                </div>

              ))}

            </li>

          ))}

        </ul>

      </div>

    </nav>

  );


查看完整回答
反對 回復 2023-11-02
?
幕布斯7119047

TA貢獻1794條經驗 獲得超8個贊

這是我正在尋找的語法和條件

<li 
            className={
                item.child_items
                  ? "nav-item dropdown"
                  : "nav-item  "
              }


查看完整回答
反對 回復 2023-11-02
  • 2 回答
  • 0 關注
  • 158 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號