Хранилище Redux не определено на стороне клиента (next-redux-wrapper) - PullRequest
Новая
       86

Хранилище Redux не определено на стороне клиента (next-redux-wrapper)

0 голосов
/ 14 июля 2020

Я пытался создать стартовый комплект, используя следующий js и redux. Я использовал next-redux-wrapper HO C для доступа к хранилищу на стороне сервера с помощью getInitialProps. Работает успешно. Однако, когда я пытаюсь получить доступ к Store на клиенте в методе рендеринга, store получается как undefined . Думаю, проблема в _app.tsx. Если у вас есть идея, я помещаю URL-адрес репо: https://github.com/agursoyy/next-redux-ts

import React from 'react';
import { NextPageContext } from 'next';
import App, { AppInitialProps, AppContext, Container } from 'next/app';
import withRedux from 'next-redux-wrapper';
import { Provider } from 'react-redux';
import { Store, RootState, wrapper } from '../stores';
import { login } from '../stores/auth/actions';

interface IProps extends AppInitialProps {
  store: Store;
}

class MyApp extends App<IProps> {
  static async getInitialProps({ Component, ctx }: AppContext) {
    const { store } = ctx;
    store.dispatch(login({ email: 'email', password: 'password' }));
    console.log(store.getState());
    return { pageProps: {} };
  }
  render() {
    const { Component, pageProps, store } = this.props;
    console.log(store);
    return (
      <Component {...pageProps} />
    );
  }
}

export default wrapper.withRedux(MyApp);
...