反応メソッドは関数ではありません。関数は関数ではありません

Question

マップ内でネストされた戻り値があります。私のエラーはrenderTooltipが関数ではない、私のコードは以下のとおりです。

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

リアクタコンポーネントクラスを使用していますか？以下のコンポーネントが正常に動作します：

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