reagieren Methode ist keine Funktion ist keine Funktion

Question

Ich habe eine verschachtelte Rückkehr innerhalb einer Karte. Mein Fehler ist RenderTooltip ist keine Funktion, unten ist mein Code.

renderTooltip =() => { 
    return(
    <div>tooltip content</div> 
) 
} 

render() { 
    const data = this.props.data || {}; 

    return (
     <div> 
     {data && data.applicants.map((e,i) => { 
       return (<span key={i}> 
       {e.date_type === 'something' ? this.renderTooltip(e.company_info) : ''} 
       </span>) 
     })} 
     </div> 
    ) 
    } 

Answer 1

Verwenden Sie eine React-Komponentenklasse? Die unter Komponente funktioniert:

class ComponentA extends React.Component { 
    renderTooltip =() => { 
     return(
      <div>tooltip content</div> 
     ) 
    } 

    render() { 
     const data = this.props.data || {applicants: [{date_type: 'something', id: 'a'}, {date_type: 'something', id: 'b'}]}; 
     return (
      <div> 
       {data && data.applicants.map((e,i) => { 
        return (<span key={i}> 
       {e.date_type === 'something' ? this.renderTooltip(e.company_info) : ''} 
       </span>) 
       })} 
      </div> 
     ) 
    } 
}