React компонент не получает функцию mutate в props через graphql HOC

Question

Мне необходимо пробросить мутацию в компонент. При использовании данной строки кода:

export default graphql(logOn)(Login)

ничего не происходит. Нет никаких ошибок, просто компонент не получает функцию mutate в props.

Однако, если я перепишу код следующим образом:

const logOnWithMutation = graphql(logOn)(Login);
export default logOnWithMutation;

и сошлюсь на него в родительском компоненте:

const App = () => {
  return (
    <ApolloProvider client={client}>
      <Fragment>
        <logOnWithMutation/>
      </Fragment>
    </ApolloProvider>
  )
}

то все прекрасно работает. Функция mutate приходит в props компонента Login

Что я упускаю? Мне необходимо, чтобы вариант export default graphql(logOn)(Login) работал.

Answer 1

Решение:

чтобы работал данный вариант export default graphql(logOn)(Login) и данном экспорте компонента export class Login extends Component, в родительском компоненте необходимо импортировать компонент Login следующим образом import Login from './containers/login/login';. Я же делал импорт по имени, т.е. import { Login } from './containers/login/login';

БЛОГ НА HUSL

React компонент не получает функцию mutate в props через graphql HOC

Ответы (1 шт):