반응 방법이 함수가 아닙니다. 함수가 아닙니다.

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

React 구성 요소 클래스를 사용하고 있습니까? 아래의 구성 요소는 잘 작동 :

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