Pass item data to a react modal

Question

I have a map that render few items and one of its line is below

 this.setState({\"openDeleteModal\":true)}>Delete

Answer 1

Try this: this is the form which has the button, and is a child component of some other component that passes the handleButtonAction method as props, and the button takes the input data and invokes this parent component method

handleSubmit = (e) => {
  e.preventDefault();
  const data = e.target.elements.option.value.trim();
  if (!data) {
    this.setState(() => ({ error: 'Please type data' }));
  } else {
    this.props.handleButtonAction(data, date);
  }
} 

{this.state.error && 
{this.state.error}
} 

  
  

    Get data
  

The parent component:

handleButtonAction = (data) => {

  axios.get(`http://localhost:3000/someGetMethod/${data}`).then(response => {
        const resData = response.data;
        this.setState({
            openModal: true,
            status: response.status,
            data: resData
         });
    }).catch((error) => {
        if (error.message.toLowerCase() === 'network error') {              
          this.setStateWithError(-1, {});
        }
        else { // not found aka 404              
          this.setStateWithError(error.response.status, '', {currency, date: ddat});
        }
    });        
}