Далее Js - getServerSideProps никогда не вызывается в пользовательском приложении - PullRequest
Новая
       28

Далее Js - getServerSideProps никогда не вызывается в пользовательском приложении

0 голосов
/ 28 апреля 2020

В моем обычном следующем Js приложении getServerSideProps никогда не вызываться на страницах. Вот содержимое моего каталога pages/_app:

AuthWrapper: 

const AuthWrapper = (props) => {

//some auth logic

  return (
    <LayoutWrapper {...props} />
  )
}

export default AuthWrapper

LayoutWrapper: 

const LayoutWrapper = ({ Component, pageProps }) => {
  return (
    <Layout style={{ minHeight: '100vh' }}>
      <Layout>
        <Header />
        <Content >
          <Component {...pageProps} />
        </Content>
        <Footer style={{ textAlign: 'center' }}>ABC, Inc.</Footer>
      </Layout>
    </Layout>
  )
}

LayoutWrapper.propTypes = {
  Component: PropTypes.node,
  pageProps: PropTypes.object
}

export default LayoutWrapper

Приложение: (index. js) 

const App = (props) => {
  return (
    <Auth0Provider
      //someProps
      >
      <Provider store={props.store}>
        <AuthWrapper {...props} />
      </Provider>
    </Auth0Provider>
  )
}

App.propTypes = {
  store: PropTypes.any
}

export default withRedux(initStore)(App)

Теперь на моей пользовательской странице: pages/myPage/index.js

const MyPage = ({ data }) => {

  return (
    <>
     {/* someHtml  */}
    </>
  )
}

MyPage.propTypes = {
  data: PropTypes.string
}

export const getServerSideProps = async () => {

  console.log("inside getServerSideProps method")
  return { props: { data: "Hello World" } };
}

export default React.memo(MyPage)

getServerSideProps никогда не вызываться

Убедиться, что все операции импорта выполнены правильно во всех файлах

...