Этот вопрос закрыт для ответов, так как повторяет вопрос Как правильно передать props?
@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
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 1
@abberati
frontend-разработчик
function Navbar(props) {
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы