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
};