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

反应方法不是功能不是功能

1 个答案: