Ad
How To Put Variable From Map Function Into Apollo Mutation Variables?
{data.devices.payload.map(device => (
<div>
<Card className="card">
<CardContent>
<TextField
id="outlined-bare"
defaultValue={device.name}
margin="normal"
variant="outlined"
variables={{device.id}}
onChange={e => this.setState({ name: e.target.value })}
/>
<Typography>
Status: <span className={device.isOn === true ? "active" : "inActive"}>{device.isOn === true ? "WŁĄCZONY" : "WYŁĄCZONY"}</span>
</Typography>
</CardContent>
<CardActions>
<div className="wrapper">
<div className="buttonLeft">
<Mutation
mutation={device.isOn === true ? SETOFF_MUTATION : SETON_MUTATION}
variables={{ device.id }}>
{mutation => (
<div className="button">
<Button variant="contained" color={device.isOn === true ? "secondary" : "primary"} onClick={mutation}>
{device.isOn === true ? "WYŁĄCZ" : "WŁĄCZ"}
<PowerSettingsNewIcon className="rightIcon" />
</Button>
</div>
)}
</Mutation>
</div>
I just want to pass my device.id from map function into Apollo Mutation. I can other values like device.name. Why i can't pass device.id?
Ad
Answer
Look at your code again do you really mean variables={{device.id}}
or you wanted to type variables={device.id}
or are you trying pass in an object with a property id which should be variables={{id:device.id}}
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad