Обновление базы данных пружин из элемента реагирующего переключателя

Question

У меня есть список пользователей и статус их учетной записи в виде таблицы в моем приложении «Реакция js». Эта запись таблицы извлекается из вызова API. Теперь, когда я нажимаю на кнопку, значение базы данных должно обновляться в базе данных. Конечная точка работает нормально, и я также проверил ее.

Я создал кнопку для каждого пользователя, чтобы обновить базу данных. В настоящее время он не обновляет значение в базе данных.

Код пользовательского интерфейса React Material: -

<TableBody>
                {items.map(item => (
                      <TableRow key={item.username}>
                        <TableCell component="th" scope="item">
                          {item.username}
                        </TableCell>
                        <TableCell>
                        <Button onClick={this.onItemClick} variant="contained">
                          Update Status
                        </Button>
                        </TableCell>
                      </TableRow>
                ))}
              </TableBody>

обработчик onItemClick должен выполнить вызов API и соответствующим образом обновить значение базы данных. Пожалуйста, предоставьте некоторую помощь относительно подхода, которому нужно следовать. Спасибо