Company logo
  • Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Plans
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Calculator

0

87
Views
How to return html string with react component's function

I have a react class component with these functions. Inside the componentDidUpdate, I would call generateHtml to get the html, and in the html, it will call bind a function called radioHandler. However, it showed an error that it could not find the function radioHandler when I click the radio button.

componentDidUpdate(){
    document.getElementById('spouseInfo').innerHTML = this.generateHtml()
}

generateHtml = () =>{
   return `<input name="${ele.$id.split("/")[3]}" onClick="${this.radioHandler}" type="radio" value="false"checked>` 
}

radioHandler = (event) => {
    // do something when click radio button
};





7 months ago ยท Santiago Trujillo
Answer question
Find remote jobs