Блог

Я пытаюсь извлечь сообщения из jsonplaceholder и использую метод getStaticProps .внутри я отправляю HTTP-запрос через пакет axios и пытаюсь получить данные, но он всегда дает неопределенные

вот код:

 import { Fragment } from "react";
import axios from "axios";

const Main = ({data}) => {
  console.log(data);

  return (
    <Fragment>
      <section className="main mt-3">
        <div className="container-lg">
          <div className="text-center">
            <h3>
              <span className="text-primary fw-bold display-5 ">Welcome</span>{" "}
              <span className="text-dark fw-bold display-5 ">Next</span>
            </h3>
            <p className="text-muted">Lorem ipsum dolor sit amet.</p>
          </div>
        </div>
      </section>
    </Fragment>
  );
};


export const getStaticProps = async () => {
    const {data} = await axios.get(
      "https://jsonplaceholder.typicode.com/posts"
    );
  
    return {
      props: {
        data
      },
    };
  };

export default Main;
 

Я также использую тот же API при изучении следующего JS .. см. Решение ниже.

ответ от API находится под response.data

 export async function getStaticProps() {
  const response = await axios.get(
    "https://jsonplaceholder.typicode.com/posts"
  );
  return { props: { posts: response.data } };
}