react-apollo

问题 Currently I have a useLazyQuery hook which is fired on a button press (part of a search form). The hook behaves normally, and is only fired when the button is pressed. However, once I've fired it once, it's then fired every time the component re-renders (usually due to state changes). So if I search once, then edit the search fields, the results appear immediately, and I don't have to click on the search button again. Not the UI I want, and it causes an error if you delete the search text

问题 Currently I have a useLazyQuery hook which is fired on a button press (part of a search form). The hook behaves normally, and is only fired when the button is pressed. However, once I've fired it once, it's then fired every time the component re-renders (usually due to state changes). So if I search once, then edit the search fields, the results appear immediately, and I don't have to click on the search button again. Not the UI I want, and it causes an error if you delete the search text

问题 I'm building a discord/slack clone. I have Channels, Messages and users. As soon as my Chat component loads, channels get fetched with useQuery hook from Apollo. By default when a users comes at the Chat component, he needs to click on a specific channels to see the info about the channel and also the messages. In the smaller Channel.js component I write the channelid of the clicked Channel to the apollo-cache. This works perfect, I use the useQuery hooks @client in the Messages.js component

问题 Apollo client (2.6.3) with react. Is it possible to fetch data in a method of a class component? I'm building a global search component and I want to fetch data only when 3rd (and each subsequent) character is typed. Right now it is implemented with fetch api but I want to switch to apollo client and graphql api. Until this moment I haven't gotten any problems with apollo client API cause I use <Query/> component. I've tried to use new hooks api but it turned out that useLazyQuery() can be

问题 I have been working on project which backend uses express and apollo server and front end uses react js. Locally everything seems fine as server runs on port 2000 and react js runs on 3000. After building my react app I copied everything and place them server's public folder but after uploading them to remote server users can't authenticate since session id is not get transferred. Here is how I have configured base url in react app. App.js let BASE_URL = '' let WS_BASE_URL = '' let

问题 I have a <Query /> in my Home.js file Home.js <Query query={GET_TODOS_BY_PRODUCT} variables={{ id: state.get("selectedProduct.id"), completed: true }} > {({ data: { product } }) => { return <Main todos={product.todos} hashtag={product.hashtag} />; }} </Query> In my Main.js file I have <Mutation /> component - Main.js <Mutation key={v4()} mutation={SWITCH_SELECTED_PRODUCT} refetchQueries={() => { console.log("refetchQueries", product.id); return { query: GET_TODOS_BY_PRODUCT, variables: { id:

问题 Is there a way to modify query response data before it is saved in the internal cache? I'm using apollo hooks, but this question is relevant to any of front-end approaches using apollo client (HOC & Components as well). const { data, updateQuery } = useQuery(QUERY, { onBeforeDataGoesToCache: originalResponseData => { // modify data before it is cached? Can I have something like this? return modifiedData; } }); Obviously onBeforeDataGoesToCache does not exist, but that's exactly the behavior I

问题 This is the code: https://codesandbox.io/s/p90q6674qq I simply use: export default graphql(CURRENT_USER_QUERY)(Menu); on the Menu component and simply this code in App component: class App extends Component { render() { return ( <div> {/* <Menu /> */} <Route component={Menu} /> <Route exact path="/" component={Home} /> <Route path="/login" component={Login} /> </div> ); } } A bug? Where am I wrong? 来源： https://stackoverflow.com/questions/47733633/react-apollo-2-with-react-router-graphql-hoc

问题 This is the code: https://codesandbox.io/s/p90q6674qq I simply use: export default graphql(CURRENT_USER_QUERY)(Menu); on the Menu component and simply this code in App component: class App extends Component { render() { return ( <div> {/* <Menu /> */} <Route component={Menu} /> <Route exact path="/" component={Home} /> <Route path="/login" component={Login} /> </div> ); } } A bug? Where am I wrong? 来源： https://stackoverflow.com/questions/47733633/react-apollo-2-with-react-router-graphql-hoc

问题 I am having an issue wrapping the Apollo mutation component along with the query component. If you look at the updateCell function I am able to get the oldValue, newValue, and ID for the row. How can I pass the values to ADDCOST mutation using Apollo client mutation component. Below is my code: Thanks in advance for any tips. const APPROVALCHAIN_QUERY = gql` { vApprovalChainApproverCountList{ applicationId applicationName collectionName licenseType cost approvers } } `; const ADDCOST_MUTATION