Size: a a a

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

2019 November 14

SP

Sergey Peresunko in Next.js — русскоговорящее сообщество
Ребят кто подскажет почему в дочернем компоненте не работаете getInitialProps?

Код

import React, { useState } from 'react'
import './nav.sass'
import {connectconnect} from 'react-redux'
import DividerElem from "../elements/divider/DividerElem";
import {NextPage} from "next";

interface IProps {}

const Nav: NextPage<IProps> = () => {
   // const state = useSelector((state:any) => state)
   // console.log(state)
   const [isActiveMenu, setIsActiveMenu] = useState(false)
   return (
       <nav className={`${isActiveMenu ? 'active' : ''}`}>
           <div className="nav__top">
               <div className="nav__top__group">
                   <div className={`nav__top__menuIcon ${isActiveMenu ? 'active' : ''}`}
                        onClick={() => setIsActiveMenu(!isActiveMenu)}
                   ></div>
                   <div className="nav__top__logo"></div>
               </div>
               <div className="nav__top__group">
                   <div className="nav__top__icon search"></div>
                   <div className="nav__top__icon user"></div>
                   <div className="nav__top__icon bookmark"></div>
               </div>
           </div>
           <ul className={`nav__list ${isActiveMenu ? 'active' : ''}`}>
               <div className="nav__list__group main">
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
               </div>
               <DividerElem/>
               <div className="nav__list__group category">
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
               </div>
               <DividerElem/>
               <div className="nav__list__group footer">
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
               </div>
               <div className="nav__list__group social">
                   <div className={"nav__list__icon"}>
                       <a href="">
                           <img src="/images/fb.svg" alt=""/>
                       </a>
                   </div>
                   <div className={"nav__list__icon"}>
                       <a href="">
                           <img src="/images/insta.svg" alt=""/>
                       </a>
                   </div>
                   <div className={"nav__list__icon"}>
                       <a href="">
                           <img src="/images/telegram.svg" alt=""/>
                       </a>
                   </div>
               </div>
               <div className="nav__list__bg"></div>
           </ul>
       </nav>
   )
}


Nav.getInitialProps = async ({req}) => {
   consoleconsole.log('test')
   return {
       data: ''
   }
}

export default connectconnect()(Nav)
источник

SP

Sergey Peresunko in Next.js — русскоговорящее сообщество
даже консолька не вызывается
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Sergey Peresunko
Ребят кто подскажет почему в дочернем компоненте не работаете getInitialProps?

Код

import React, { useState } from 'react'
import './nav.sass'
import {connectconnect} from 'react-redux'
import DividerElem from "../elements/divider/DividerElem";
import {NextPage} from "next";

interface IProps {}

const Nav: NextPage<IProps> = () => {
   // const state = useSelector((state:any) => state)
   // console.log(state)
   const [isActiveMenu, setIsActiveMenu] = useState(false)
   return (
       <nav className={`${isActiveMenu ? 'active' : ''}`}>
           <div className="nav__top">
               <div className="nav__top__group">
                   <div className={`nav__top__menuIcon ${isActiveMenu ? 'active' : ''}`}
                        onClick={() => setIsActiveMenu(!isActiveMenu)}
                   ></div>
                   <div className="nav__top__logo"></div>
               </div>
               <div className="nav__top__group">
                   <div className="nav__top__icon search"></div>
                   <div className="nav__top__icon user"></div>
                   <div className="nav__top__icon bookmark"></div>
               </div>
           </div>
           <ul className={`nav__list ${isActiveMenu ? 'active' : ''}`}>
               <div className="nav__list__group main">
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
               </div>
               <DividerElem/>
               <div className="nav__list__group category">
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
               </div>
               <DividerElem/>
               <div className="nav__list__group footer">
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
                   <li className={"nav__list__item"}><a href="">Test</a></li>
               </div>
               <div className="nav__list__group social">
                   <div className={"nav__list__icon"}>
                       <a href="">
                           <img src="/images/fb.svg" alt=""/>
                       </a>
                   </div>
                   <div className={"nav__list__icon"}>
                       <a href="">
                           <img src="/images/insta.svg" alt=""/>
                       </a>
                   </div>
                   <div className={"nav__list__icon"}>
                       <a href="">
                           <img src="/images/telegram.svg" alt=""/>
                       </a>
                   </div>
               </div>
               <div className="nav__list__bg"></div>
           </ul>
       </nav>
   )
}


Nav.getInitialProps = async ({req}) => {
   consoleconsole.log('test')
   return {
       data: ''
   }
}

export default connectconnect()(Nav)
залей плиз код на gist
источник

m

matthew in Next.js — русскоговорящее сообщество
Ребятки, подскажите, есть ли готовое решение анимации переходов между страницами для некста, буду благодарен))))
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
matthew
Ребятки, подскажите, есть ли готовое решение анимации переходов между страницами для некста, буду благодарен))))
Next transition как-то
источник
2019 November 15

А

Андрей in Next.js — русскоговорящее сообщество
matthew
Ребятки, подскажите, есть ли готовое решение анимации переходов между страницами для некста, буду благодарен))))
источник

IO

Igor Osipov in Next.js — русскоговорящее сообщество
🦜
!ро
что такое ро?
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Igor Osipov
что такое ро?
Read only
источник

IO

Igor Osipov in Next.js — русскоговорящее сообщество
аа я думал рыночные отношения
источник

AD

Andrei Denisov in Next.js — русскоговорящее сообщество
Igor Osipov
аа я думал рыночные отношения
RORO. Receive an object, return an object
источник

m

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

D

Denis in Next.js — русскоговорящее сообщество
Andrei Denisov
RORO. Receive an object, return an object
зочем ретерн если можно объект мутировать ыыы
источник

SP

Sergey Peresunko in Next.js — русскоговорящее сообщество
Хай всем
Залил на сервер сайт. Но столкнулся с проблемой . API запрос кешируеться, в итоге получаю всегда один и тот же результат. Как решить данную проблему
источник

SP

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

e

eeeMan in Next.js — русскоговорящее сообщество
Sergey Peresunko
Хай всем
Залил на сервер сайт. Но столкнулся с проблемой . API запрос кешируеться, в итоге получаю всегда один и тот же результат. Как решить данную проблему
ты только недавно спрашивал как закешировать запросы, а спустя 2 дня спрашиваешь как убрать кеширование 😂😂😂😭
источник

SP

Sergey Peresunko in Next.js — русскоговорящее сообщество
eeeMan
ты только недавно спрашивал как закешировать запросы, а спустя 2 дня спрашиваешь как убрать кеширование 😂😂😂😭
было дело)) Учусь))
источник

D

Denis in Next.js — русскоговорящее сообщество
Sergey Peresunko
Хай всем
Залил на сервер сайт. Но столкнулся с проблемой . API запрос кешируеться, в итоге получаю всегда один и тот же результат. Как решить данную проблему
а я говорил
источник

D

Denis in Next.js — русскоговорящее сообщество
Sergey Peresunko
Хай всем
Залил на сервер сайт. Но столкнулся с проблемой . API запрос кешируеться, в итоге получаю всегда один и тот же результат. Как решить данную проблему
что такое кэш?
источник

G

Github Releases Notify Bot in Next.js — русскоговорящее сообщество
zeit/next.js
v9.1.4-canary.5
источник

in Next.js — русскоговорящее сообщество
Github Releases Notify Bot
zeit/next.js
v9.1.4-canary.5
Скромно в этот раз
источник