next js getInitialProps error Невозможно прочитать свойство 'map' из неопределенного - PullRequest
Новая
       7

next js getInitialProps error Невозможно прочитать свойство 'map' из неопределенного

0 голосов
/ 15 сентября 2018

У меня ошибка, из-за которой не удается прочитать свойство 'map' неопределенной ошибки TypeError. Я хочу показать список menus.name после отображения меню.Я не понимаю эту ошибку

Это мой код ssr-test.js 

import Layout from "../components/Layout";
import axios from "axios";

export default class SSRTest extends React.Component {
  static async getInitialProps({ req }) {
    const response = await axios.get("http://localhost:9000/menus");
    return { menus: response.data };
  }
  render() {
    const { menus } = this.props;
    const menuList = menus.map(menu => <li key={menu.id}>{menu.name}</li>);
    return <ul>{menuList}</ul>;
  }
}

Далее мой код db.json 

{
    "menus": [{
            "id": 1,
            "name": "연어",
            "picture": 123,
            "caption": "존맛탱",
            "url": 123
        },
        {
            "id": 2,
            "name": "돈까쓰",
            "picture": 123,
            "caption": "존맛탱",
            "url": 123
        },
        {
            "id": 3,
            "name": "김치볶음밥",
            "picture": 123,
            "caption": "존맛탱",
            "url": 123
        }
    ]
}

Это код ошибки .. 

Cannot read property 'map' of undefined
TypeError: Cannot read property 'map' of undefined
    at SSRTest.render (pages/ssr-test.js:11:0)
    at finishClassComponent (node_modules/react-dom/cjs/react-dom.development.js:13537:0)
    at updateClassComponent (node_modules/react-dom/cjs/react-dom.development.js:13500:0)
    at beginWork (node_modules/react-dom/cjs/react-dom.development.js:14089:0)
    at performUnitOfWork (node_modules/react-dom/cjs/react-dom.development.js:16415:0)
    at workLoop (node_modules/react-dom/cjs/react-dom.development.js:16453:0)
    at renderRoot (node_modules/react-dom/cjs/react-dom.development.js:16532:0)
    at performWorkOnRoot (node_modules/react-dom/cjs/react-dom.development.js:17386:0)
    at performWork (node_modules/react-dom/cjs/react-dom.development.js:17294:0)
    at performSyncWork (node_modules/react-dom/cjs/react-dom.development.js:17266:0)

Помогите мне классные разработчики !!Т_Т

1 Ответ

0 голосов
/ 15 сентября 2018

Во-первых, проверьте, все ли в порядке с вашим URL для получения, и ваш запрос работает.Во-вторых, вы должны извлекать данные ответов на один рычаг глубиной, потому что вы назначаете объект вместо массива данных.

...