如何将map函数中的变量放入Apollo变异变量中？

Question

{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 从 map 函数传递到 Apollo Mutation。我可以使用其他值，例如 device.name。为什么我不能通过device.id？