Javascript 对象作为悬停元素的标题

我有一个手风琴元素，我用它在一个页面上显示许多常见问题。显示与页面内容一致的代码如下：

         {
          Object.keys(FAQS).map((key, index) => {
            return (
              <div key={key}>
                <InputLabel display='block' ml='.5rem' mb='1rem' mt='2rem' active>{FAQS[index].section.toUpperCase()}</InputLabel>
                {
                  FAQS[index].questions.map((question, i) => {
                    return (
                      <Accordion key={i}
                        panelIndex={i}
                        p='1rem' j
                        icon={<PlusIcon w='1.2rem' h='1rem' color={colors.purple} />}
                        bg={i % 2 ? colors.white : colors.greyBg}
                        title={<Paragraph semiBold font={Theme.fonts.family.primary}>{question.question.toUpperCase()}</Paragraph>}
                        content={<Paragraph>{question.answer}</Paragraph>} />
                    );
                  })
                }
              </div>
            );
          })
        }

并在DOM上生成以下元素：

<div class="Accordion__HeaderContainer-ue81ns-0 bipqoo" icon="[object Object]" title="[object Object]" content="[object Object]"><div class="Accordion__Header-ue81ns-1 cFDepz"><p class="Paragraph-gm6ys1-0 fjMUUV">I HAVEN'T WORKED OUT IN A LONG TIME? CAN I STILL DO THE WORKOUT?</p></div><div class="Accordion__IconContainer-ue81ns-2 fWwQcE"><svg xmlns="http://www.w3.org/2000/svg" class="Icon-s8tlf2e-0 jkSJcy" viewBox="0 0 16 16"><path fill="#5955dc" d="M15.02 6.8c.168 0 .3.048.396.144.096.096.144.228.144.396v1.908c0 .168-.048.3-.144.396-.096.096-.228.144-.396.144H9.584c-.12 0-.18.06-.18.18v5.328c0 .168-.048.3-.144.396-.096.096-.228.144-.396.144H6.956c-.168 0-.3-.048-.396-.144-.096-.096-.144-.228-.144-.396V9.968c0-.12-.06-.18-.18-.18H.8c-.168 0-.3-.048-.396-.144C.308 9.548.26 9.416.26 9.248V7.34c0-.168.048-.3.144-.396C.5 6.848.632 6.8.8 6.8h5.436c.12 0 .18-.06.18-.18V1.076c0-.168.048-.3.144-.396.096-.096.228-.144.396-.144h1.908c.168 0 .3.048.396.144.096.096.144.228.144.396V6.62c0 .12.06.18.18.18h5.436z"></path></svg></div></div>

我很久没有锻炼了？我还能做锻炼吗

---

因此，基本上我需要正确处理

icon=“[object object]”title=“[object object]”content=“[object object]”>

以正确的字符串而不是对象呈现

你能提供

问题

结构吗？控制台的工具提示（[object object]）并提供该控制台日志的精确值在DOM上正确的仅字符串求值返回

对象对象

哪个道具是工具提示和链接您使用的手风琴模块工具提示不是道具，它只是每个元素具有title属性的普通html标题

<div class="Accordion__HeaderContainer-ue81ns-0 bipqoo" icon="[object Object]" title="[object Object]" content="[object Object]"><div class="Accordion__Header-ue81ns-1 cFDepz"><p class="Paragraph-gm6ys1-0 fjMUUV">I HAVEN'T WORKED OUT IN A LONG TIME? CAN I STILL DO THE WORKOUT?</p></div><div class="Accordion__IconContainer-ue81ns-2 fWwQcE"><svg xmlns="http://www.w3.org/2000/svg" class="Icon-s8tlf2e-0 jkSJcy" viewBox="0 0 16 16"><path fill="#5955dc" d="M15.02 6.8c.168 0 .3.048.396.144.096.096.144.228.144.396v1.908c0 .168-.048.3-.144.396-.096.096-.228.144-.396.144H9.584c-.12 0-.18.06-.18.18v5.328c0 .168-.048.3-.144.396-.096.096-.228.144-.396.144H6.956c-.168 0-.3-.048-.396-.144-.096-.096-.144-.228-.144-.396V9.968c0-.12-.06-.18-.18-.18H.8c-.168 0-.3-.048-.396-.144C.308 9.548.26 9.416.26 9.248V7.34c0-.168.048-.3.144-.396C.5 6.848.632 6.8.8 6.8h5.436c.12 0 .18-.06.18-.18V1.076c0-.168.048-.3.144-.396.096-.096.228-.144.396-.144h1.908c.168 0 .3.048.396.144.096.096.144.228.144.396V6.62c0 .12.06.18.18.18h5.436z"></path></svg></div></div>