工具提示 将鼠标悬停在另一个项目上

Question

我在工具提示中遇到了一些奇怪的问题。因此，在工具提示上显示的数据来自后端。每当我点击任何项目以显示数据、工具提示点和悬停在另一个元素上时。

例如：- 如果我单击第 8 项，则工具提示悬停并显示第 12 个元素上的数据。 我附上图片作为参考。

我也在添加代码：-

{activity ? (
              <Tooltip
                key={`tooltip_${index}`}
                isVisible={toolTipVisible}
                arrowSize={styles.arrowStyle}
                content={
                  <View style={styles.toolTipMainView}>
                    <View style={styles.toolTipInnerView}>
                      <View style={styles.mainInnerView}>
                        {activity?.data ? (
                          <Text>{moment(data.start_time).format('hh:mm A')}</Text>
                        ) : null}
                        <View style={styles.btnText}>
                          <Text style={styles.dataStyling}>{activity.data.notes}</Text>
                          <View style={{ paddingVertical: 5 }}>
                            <PMButton
                              buttonStyle={styles.editBtn}
                              textStyle={styles.editBtnStyle}
                              text={localizedStrings.EDIT}
                              onPress={() => {}}
                            />
                          </View>
                        </View>
                        <Image style={styles.babyImgStyle} source={baby} />
                      </View>
                    </View>
                  </View>
                }
                onClose={() => settoolTipVisible(false)}>
                <TouchableOpacity style={activeStyle} onPress={() => settoolTipVisible(true)}>
                  <Text style={[styles.dayViewStyle, textColor]}>{ele}</Text>
                </TouchableOpacity>
              </Tooltip>
            ) : (
              <Text style={[styles.dayViewStyle]}>{ele}</Text>
            )}