как я могу привести ребенка в чувство

#javascript #arrays #reactjs #object

Вопрос:

 const navArr = [
  {
    path: "/introduction",
    title: "회사소개",
    subTitle: [{ title: "summary" }, { title: "vision" }],
  },
]

{navArr.map((obj) => {
          return (
            <NavItem>
              <MenuItem onClick={handleHoverToggle} className={classes.navItem}>
                {obj.title}
              </MenuItem>
            </NavItem>
          );
        })}
 

Я хочу получить доступ к заголовку в подзаголовке. как получить доступ к заголовку в тонком. Я хочу вставить это вместо » {obj.title}»

Ответ №1:

Потому subTitle что это также массив, поэтому вам нужно будет сопоставить его снова:

Что-то вроде этого:

 <NavItem>
  <MenuItem onClick={handleHoverToggle} className={classes.navItem}>
    {obj.subTitle.map(sub => sub.title).join(',')}
  </MenuItem>
</NavItem>;
 

Комментарии:

1. Спасибо! Но, происходит «Ошибка типа: не удается прочитать свойство «карта» неопределенного»

2. Не могли бы вы проверить subTitle , не title является ли это вашей операцией?

3. о! заголовок в подзаголовке неправильный, я меняю заголовок в подзаголовке на titleSub, и это хорошо! Спасибо!!

Ответ №2:

Ваш подзаголовок представляет собой массив и предполагает, что вы хотите, чтобы каждый ваш заголовок в подзаголовке был в качестве элемента меню

Решение:

 const navArr = [
  {
    path: "/introduction",
    title: "회사소개",
    subTitle: [{ title: "summary" }, { title: "vision" }],
  },
]

{navArr.map((obj) => {
          return (
            <NavItem>
                {obj.subTitle.map(item=>{
                return(
                    <MenuItem onClick={handleHoverToggle} className={classes.navItem}>
                        {item.title}
                    </MenuItem>
                ) } ) }
            </NavItem>
          );
        })}
 

Комментарии:

1. Спасибо! но это неправильно, что заголовок в подзаголовке-это тот же заголовок 1 глубины. Благодаря вашей помощи я решаю эту проблему!