Задать вопрос
@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 Простой Комментировать
Решения вопроса 1
@MRcracker Автор вопроса
ошибка простая. вместо forEach использовать map
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽