Reactjs 如何在列表上映射时显示正确的工具提示文本？

我在一个列表上循环，我想根据标签添加工具提示文本。 我正在使用react引导并创建一个名为

我正在使用三元if项。label==“a”？“文本a”：“文本b”

但我认为这不是一个好办法

这是密码

networkingStatics: [
        { label: 'Total Connections Made', value: 0 },
        { label: 'Average Connections Per Attendee', value: 0 },
        { label: 'Total Messages Sent', value: 'Coming Soon' },
        { label: 'Total Meetings', value: 'Coming Soon' },
        { label: 'Total Matches', value: 0 },
      ],
      return (
          <Row>
           {networkingStatics.map((item) => (
             <LinkWithTooltip tooltip= {item.label==="" ? "" : "" >
               <label className="box-lable">{item.label}</label>
                <span>{item.value}</span>
             </LinkWithTooltip>

网络统计：[
{label:'Total Connections maked'，值：0}，
{label:'每个与会者的平均连接数'，值：0}，
{标签：“已发送的邮件总数”，值：“即将发送”}，
{标签：'Total Meetings'，值：'Coming Soon'}，
{label:'Total Matches'，值：0}，
],
返回(
{networkingStatics.map（（项）=>(
{item.label}
{item.value}

注意： 工具提示文本与标签中提到的文本不同。

您可以使用此库

&以下代码适用于您

import ReactTooltip from 'react-tooltip';

return (
    <div>
      {networkingStatics.map((item) => (
        <div>
          <label className="box-lable" data-tip={item.label} >{item.label}</label>
          <span data-tip={item.value} >{item.value}</span>
        </div>
      ))}
      <ReactTooltip />
    </div>
  );

从“反应工具提示”导入反应工具提示；
返回(
{networkingStatics.map（（项）=>(
{item.label}
{item.value}
))}
);

---

您可以检查这段代码

Hey。我忘了提到工具提示文本与标签中提到的文本不同。在这种情况下，您需要将另一个属性传递给对象“networkingStatics”&将其用作“数据提示={item.newProperty}”