Size: a a a

Next.js — русскоговорящее сообщество

2020 March 11

JC

J. C. in Next.js — русскоговорящее сообщество
Iri 🍕
попробуй es2019 добавить
es2019 вроде не помогло, но я сейчас ещё esnext попробую
источник

OR

Oleg Rizhkov in Next.js — русскоговорящее сообщество
чем заменить useLocation в нексте? у меня на реакте был useLocation из react-router, я запоминал url если юзер не залогинен и редиректил его на логин.
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
я делал в гип такое
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
const hostname = req ? req.get('host') : window.location.hostname;
   const host = req ? req.get('Host') : window.location.host;
   const protocol = req ? ${req.protocol}: : window.location.protocol;
   const origin = ${protocol}//${host};
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
Oleg Rizhkov
чем заменить useLocation в нексте? у меня на реакте был useLocation из react-router, я запоминал url если юзер не залогинен и редиректил его на логин.
и собирал url объект
источник

OR

Oleg Rizhkov in Next.js — русскоговорящее сообщество
Eugene M
я делал в гип такое
это что?
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
getinitialprops
источник

OR

Oleg Rizhkov in Next.js — русскоговорящее сообщество
Eugene M
getinitialprops
а, в _app?
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
да
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
+
const href = origin + asPath;
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
потом просто вернул url: {
       protocol,
       href,
       hostname,
       host,
       origin,
       pathname,
       query: urlQuery,
     },
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
и вышло что-то типа текущего урла как в реакт роутере
источник

OR

Oleg Rizhkov in Next.js — русскоговорящее сообщество
Eugene M
const hostname = req ? req.get('host') : window.location.hostname;
   const host = req ? req.get('Host') : window.location.host;
   const protocol = req ? ${req.protocol}: : window.location.protocol;
   const origin = ${protocol}//${host};
не пойму пока, где этот req достать.
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
static async getInitialProps({ Component: { getInitialProps }, ctx }) {
   const pageProps = await (async () =>
     getInitialProps ? await getInitialProps(ctx) : {})();
   const { req, res, asPath, query, pathname: ctxPathname } = ctx;
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
вот мой gip
источник

OR

Oleg Rizhkov in Next.js — русскоговорящее сообщество
Eugene M
static async getInitialProps({ Component: { getInitialProps }, ctx }) {
   const pageProps = await (async () =>
     getInitialProps ? await getInitialProps(ctx) : {})();
   const { req, res, asPath, query, pathname: ctxPathname } = ctx;
это класс?
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
да
источник

OR

Oleg Rizhkov in Next.js — русскоговорящее сообщество
окей, попробуй, спасибо.
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
источник

EM

Eugene M in Next.js — русскоговорящее сообщество
вот весь, смотри то что закоменчено, а не там где константа юзается
источник