Как поместить переменную из функции карты в переменные мутации Аполлона?

 {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?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
42
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

Другие вопросы по теме