{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>
Я просто хочу передать свой device.id из функции карты в Apollo Mutation. Я могу использовать другие значения, такие как device.name. Почему я не могу передать device.id?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Посмотрите еще раз на свой код, вы действительно имеете в виду variables = {{device.id}}, или вы хотели ввести variables = {device.id}, или вы пытаетесь передать объект с идентификатором свойства, который должен быть variables = {{id:device.id}}