How to update props after this.props.client.query via 'withApollo' HOC ?

My use case is that I do not want to do the initial query for search component, instead of that, I will trigger query after button click, seems like the only choice is withApollo HOC.

Here is my code fragment.

    this.props.client.query({
      query: doc,
      variables: variant,
      reducer: (previousResult, action, variables) => {
        console.log('reducer!!!!!', previousResult, action, variables);
      }
    }).then((data) => {
      console.log('then', data, this.props)
    }).catch((err) => {
      console.log('catch', err)
    });

Fetching data is fine, I can get data in promise then, but how I can update it into props ? As the document http://dev.apollodata.com/core/apollo-client-api.html#ApolloClient\.query , reducer function should do that, but unfortenately it never be triggered in my sample code.

Did I do anything wrong? Or there is the other solution to solve that?

PS: version react-apollo@1.0.0-rc.2

[helfer]

@smilexu Reducer is not the right choice for this. You should be able to use client.writeQuery or client.writeFragment to update the cache.

Maybe a cleaner way to do this in React would be to have a Search component with a text field, then a searchResult component that’s nested inside it. The searchResult component gets the search text as a prop. That way you could directly attach the query to the searchResult component.

[Elliryanna]

have you already tried to reset the store, after calling the “first” login/error this.props.client.resetStore(); maybe it helps, its for me a kind of solution, but not in every case i have