React 在社交媒体上分享内容

Question

亲爱的堆栈溢出社区。我正在使用 create react app 构建一个 React 应用程序，我将在其中显示从外部 API 获取的随机笑话。

这是反应组件的代码

   import React from "react"
   function Home(props) {
        return (
            <div>
                <h2>{props.joke.setup}</h2>
                    <h3>{props.joke.punchline}</h3>
            </div>
        )
    }

我想包括一个分享功能来在社交媒体上分享当前的笑话。我尝试了 react-share 包，但其中使用的共享按钮只允许传递 url。在我的情况下，这将是我的应用程序的基本 url，并且不能包含我正在显示的当前笑话。

    import { FacebookShareButton, FacebookIcon } from "react-share"
    <FacebookShareButton url="#">
        <FacebookIcon logoFillColor="white" />
    </FacebookShareButton>

我怎么能包含一个共享按钮来共享反应组件的内容、状态或道具的值而不仅仅是 url？例如，像上面这样的分享按钮，但有额外的道具，我可以传递内容，props.joke.setup，props.joke.punchline 非常感谢

Answer 1

我自己找到了方法。抱歉，我应该更好地阅读 react-share 包的文档。您可以将可选的道具传递给分享按钮。所以我做了这个。

<FacebookShareButton
    url="someurl"
    quote={props.joke.setup + props.joke.punchline}
    hashtag="#programing joke">
    <FacebookIcon logoFillColor="white" />
</FacebookShareButton>