h
в componentDidMount я делаю запрос за данными для этой страницы. Если точнее - диспатчу экшен, затем в саге делается запрос за данными и кладетсяв стор
запрос данных нужно делать в getInitialProps
Size: a a a
2019 July 23
h
вместо componentDidMount
YL
ого, я не знал
h
в документации написано
h
пройди тургайд по нексту на сайте оффициальном
h
там все написано
h
у тебя же ssr
h
next очень строг к getInitialProps
YL
тургайд = документация?:)
h
const Index = props => (
<Layout>
<h1>Batman TV Shows</h1>
<ul>
{props.shows.map(show => (
<li key={show.id}>
<Link href="/p/[id]" as={
<a>{show.name}</a>
</Link>
</li>
))}
</ul>
</Layout>
);
Index.getInitialProps = async function() {
const res = await fetch('https://api.tvmaze.com/search/shows?q=batman');
const data = await res.json();
console.log(
return {
shows: data.map(entry => entry.show)
};
};
<Layout>
<h1>Batman TV Shows</h1>
<ul>
{props.shows.map(show => (
<li key={show.id}>
<Link href="/p/[id]" as={
/p/${show.id}}><a>{show.name}</a>
</Link>
</li>
))}
</ul>
</Layout>
);
Index.getInitialProps = async function() {
const res = await fetch('https://api.tvmaze.com/search/shows?q=batman');
const data = await res.json();
console.log(
Show data fetched. Count: ${data.length});return {
shows: data.map(entry => entry.show)
};
};
h
и я бы тебе не советовал использовать redux для обращения к данным
h
с next.js
h
слишком сложная реализация будет
YL
а какой инструмент использовать для управления состоянием приложения?
h
react context api
h
напиши свой редюсер
h
в контексте
h
для ssr рендера стейт менеджеры особо не нужны