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

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

Есть 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
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
React Developer
ITK academy • Воронеж
от 50 000 до 90 000 ₽
Middle fullstack (laravel, react)
IT ATLAS • Москва
от 200 000 до 250 000 ₽
Ещё вакансии