Мне необходимо пробросить мутацию в компонент. При использовании данной строки кода:
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)
работал.
logOnWithMutation
в родительском компоненте, когда пишетеexport default graphql(logOn)(Login)
?logOnWithMutation
. У меня есть компонент Login (он импортируется в родительский компонент по имени), далее, при строкеexport default graphql(logOn)(Login)
компонент должен оборачиватся graphql HOC и получать мутацию logOn в props. Мне необходимо, чтобы именно этот вариант был рабочим.import\export
, от этого и проблема. Там где у вас лежит компонентLogin
есть индексный файл с экспортами или нет? Если да. то я бы предложил написать там такой экспорт:export { default as Login } from './Login';
а потом импортить компонент где нужно вот так:import { Login } from 'путь индесному файлу';