CODEWITHSUNDEEP
reactjsgraphqlreact-apolloapollo-client
Matt Thomas
Matt Thomas

Reputation: 1115

Apollo Client and Update Forms

I was wondering if anyone has a good example of an update form using Apollo Client and the new query and mutation components. By update I mean:

I'm struggling with it right now and I'm wondering what the best way to build it would be. Should I be using Apollo-link-state to store the form state? If not, I can't find a way to map the props from the query component into component state object without using the query HOC. Any examples would be great!

Thanks!

Upvotes: 1

Views: 1352

Answers (1)

Daniel Rearden
Daniel Rearden

Reputation: 84687

If the state doesn't need to be accessed by other parts of your app, apollo-link-state is probably overkill -- regular component state will do just fine. Just create a component like you would when using the HOC:

class MyComponent extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      fieldA = props.myQuery.fieldA
      fieldB = props.myQuery.fieldB
    }

    render () {
      // your form fields here
    }
  }
}

You can then just do:

<Query>
  {({data, loading})=>(
    if (loading || error) return null
    <MyComponent myQuery={data.myQuery}>
  )}
</Query>

Upvotes: 3

Related Questions