Блог

Главная - Вопросы по программированию - Как использовать динамический идентификатор кнопки в запросе post в reactjs

Как использовать динамический идентификатор кнопки в запросе post в reactjs

#reactjs

Вопрос:

Я работаю с reactjs с axios. В настоящее время я использую get api для получения списка. Каждый столбец имеет уникальный идентификатор, и я хочу использовать этот идентификатор для нового тела post API «post request».

Кнопка

   <Button variant="outlined" color="primary" id={data.id} onClick={handleDialogOpenTwo}>
    Faq
  </Button>

Опубликуйте api и хотите использовать здесь

 axios.post('https://gatewayapi.invest19.com/api/faqs',
  { 
    ipoId: '1511',   **i want to use this button id here**
    faqList:[
     { question: this.state.question, 
      answer: this.state.answer,
     }
    ]
  }
)

Диалог

   <Dialog open={isOpenTwo} onClose={handleDialogCloseTwo} className="quistion_Popup">
    {/* <DialogTitle>Confirm</DialogTitle> */}
    <DialogContent>
      <DialogContentText>Add Faq</DialogContentText>
      <FaqPage/>
    </DialogContent>

  </Dialog>

Комментарии:

1. Вы пробовали e.traget.id получить доступ из handleDialogOpenTwo ?

2. можете ли вы, пожалуйста, привести мне пример @ArjunBiju

3. Не могли бы вы, пожалуйста, добавить код handleDialogOpenTwo функции?

4. Добавлено, пожалуйста, проверьте @Shahriar

5. Я имел в виду функцию. handleDialogOpenTwo( ) { ... return blah blah blah }

Ответ №1:

 const handleDialogOpenTwo = (e)=>{
 
 console.log(e.target.id);
 
 .... body of the function

}

вы можете получить к нему доступ вот так

Метки: