Задать вопрос
@MRcracker

Как вывести данные на экран?

Есть json запрос. Мне нужно вывести данные на экран из links. Я перебрал данные. В консоль все выводится, а на экран нет. Где я ошибся? В работе я использую nextJS.
export default function Home({list}) {
  return (
    <>
      <Head>
        <title>Home</title>
        <meta name="description" content="Generated by create next app" />
        <link rel="icon" href="/favicon.ico" />
      </Head>

      <h1>Welcome home!</h1>
      <ul>
        {list.map((item) => (
          item.links.forEach((elem)=>(
            <li key={elem.id}>
            {console.log(elem.label)}
            <Link href={`/menu-sections/${item.id}`}>
              <a>{elem.label}</a>
            </Link>
          </li>
          ))
   
        ))}
      </ul>

    </>
  );
}
export const getStaticProps = async () => {


  const menuData = await axios.get(`${url}/menu-sections`)

  return {
    props: {
      list: menuData.data,
    },
    revalidate: 1, 
  };
};

616480081b472228817899.png
  • Вопрос задан
  • 115 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
@MRcracker Автор вопроса
ошибка простая. вместо forEach использовать map
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽