Как получить даные?

Question

[MRcracker]

Добрый вечер. Подскажите, что я делаю не так.

У меня задача вывести данные на экран, но что-то не работает :)

import React from 'react'

import axios from 'axios'
function Blog({ posts }) {
  return (
    <ul>
      {posts.map((post) => (
        <li>{post.links}</li>,
        <li>{post.url}</li>

      ))}
      {console.log(posts)}
    </ul>
  )
}

export async function getStaticProps() {

  const res = await axios.get('http://localhost:1337/menu')

  return {
    props: {
      posts: res.data,
    },
  }
}
export default Blog

P.S. В React новичок))) Всем спасибо

Comments

[Роман Дворянов]

getStaticProps где вызываете?

Answer 1

[Aetae]

В post.links - у тебя массив объектов. React не умеет рисовать рандомные объекты.
В post.url у тебя ничего нет.

Comments

[MRcracker]

"React не умеет рисовать рандомные объекты." что мне сделать тогда нужно в этом случае?

[Aetae]

MRcracker, а что ты хочешь? В любом случае сделать ещё один map по post.links и там уже нарисовать что-то самому.

[MRcracker]

Aetae, я хочу получить данные из links

[Роман Дворянов]

MRcracker, нужно перебрать этот массив links в например

{post.links.map(link => (
<li key={link.id}>
<a href={link.url}>{link.label}</a>
</li>))}