本文整理汇总了TypeScript中react-apollo.connect函数的典型用法代码示例。如果您正苦于以下问题：TypeScript connect函数的具体用法？TypeScript connect怎么用？TypeScript connect使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了connect函数的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: createMutation
},
forceFetch: true
}
};
};
const mapMutationsToProps = (p: any) => ({
removePostMutation: (id: string) => {
return createMutation(`
mutation removePost($id: String) {
removePost(id: $id)
}`, { id });
}
});
const mapDispatchToProps = (dispatch: IDispatch, ownProps: IProps) => ({
removePost: (mutation: any) => {
dispatch(ownProps.removePost(ownProps.postId, mutation));
},
});
const depsToPropsMapper = (context: IContext, actions: IActions) => ({
removePost: actions.posts.remove
});
export default composeAll<IProps>(
compose(apolloContainer()),
connect({ mapQueriesToProps, mapMutationsToProps, mapDispatchToProps }),
useDeps(depsToPropsMapper) // -> not needed here
)(Post);
示例2: addComment
return {
mutation: gql`
mutation addComment($postId: String, $comment: String) {
addComment(postId: $postId, comment: $comment)
}`,
variables: {
postId: postId,
comment
}
};
}
};
};
const mapStateToProps = (state: IState) => {
return {
error: state.post.error
};
};
export const mapDepsToProps = (context: IContext, actions: IActions ) => ({
create: actions.comments.create,
clearErrors: actions.general.clearErrors,
context: () => context
});
export default composeAll<IProps>(
connect({mapMutationsToProps, mapStateToProps}),
useDeps(mapDepsToProps)
)(Component);
示例3: mapQueriesToProps
import { compose, composeAll } from 'mantra-core';
import apolloContainer from './apollo';
import { connect } from 'react-apollo';
interface IProps {
context: IContainerContext;
}
function mapQueriesToProps() {
return {
data: {
query: gql`
{
posts {
_id,
title,
content
}
}
`,
forceFetch: true
}
};
};
export default composeAll<{}>(
compose(apolloContainer()),
connect({ mapQueriesToProps })
// useDeps() // -> not needed here
)(PostList);