我怎样才能让孩子做出反应

Question

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}'

Answer 1

因为subTitle 也是一个数组，所以你需要再次映射它：

类似这样的：

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

Answer 2

您的 subTitle 是一个数组，并假设您希望 subTitle 中的每个标题都作为 MenuItem

解决方案：

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>
          );
        })}