Как исправить ошибку?

Question

[MRcracker]

Использую для работы Next.js.

В _app.js подключаю компонент Navbar и передаю значение через props. Получаю ошибку TypeError: props is undefined.

export default function Navbar( props ) {
  console.log(props);
  return (
    <div>
      <div className="container">
        <nav className={styles.navbar}>
          <div className={styles.navbarInner}>
            <ul className={styles.navbarList}>
              {props.map((item) =>
                item.links.map((elem) => (
                  <li className={styles.navbarListItem}>
                    <Link href={`/${elem.url}`}>
                      <a className={styles.navbarListLink}>{elem.label}</a>
                    </Link>
                  </li>
                ))
              )}
            </ul>

       
          </div>
        </nav>
      </div>
    </div>
  );
}

function MyApp({ Component, pageProps, props}) {
  
  return (    
  <>
    <Header />
    <Navbar {...props}/>
      <Component {...pageProps} />
    <Footer />

  </>

  )
}

MyApp.getInitialProps = async (ctx) => {
  const res = await axios.get('http://localhost:1337/menu-sections')
  return { props: res.data }
}


export default MyApp

Подскажите, что я делаю не так? Как я понял из документации getInitialProps работает с app.js

Comments

[WbICHA]

Подскажите, что я делаю не так?

Navbar({ props })

Вглядывайся в скобки, пока они не начнут вглядываться в тебя.

[MRcracker]

WbICHA, и да и нет props.map is not a function

[WbICHA]

MRcracker, объясни, зачем тебе фреймворк, если ты ещё сам язык не знаешь?

Answer 1

[abberati]

function Navbar(props) {

Comments

[MRcracker]

Получил ошибку props.map is not a function