在 data-tooltip 中顯示文本時，會顯示 [Object object] 字樣
import React from "react";
import { FormattedMessage } from "react-intl";
const translate = (id, value={}) => <FormattedMessage id={id} values={{...value}} />
export default translate;<span>
{translate("resizeImage")}
<span
class="material-icons tooltipped"
data-tooltip={translate("ResizeImageInfo")}
>
info
</span>![資料工具提示回傳 [Object object]](https://img.uj5u.com/2022/01/28/36c99b3c5763409aae77a7c8e76b3cf3.png)
uj5u.com熱心網友回復：
好像你的translate("ResizeImageInfo")函式回傳一個物件而不是一個字串
uj5u.com熱心網友回復：
data-tooltip屬性僅適用于字串。
https://www.thesitewizard.com/html-tutorial/how-to-insert-tooltips.shtml
但是您的翻譯函式回傳 React 組件。結果它只顯示 [Object, object]。
要在反應中實作工具提示功能，請考慮使用它。 https://www.npmjs.com/package/react-tooltip 或者請考慮實作這個。 帶有 ReactJS 的工具提示 div
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/422548.html
標籤：