React在社交媒体上共享内容

Question

亲爱的stack over flow社区。我正在使用创建react应用程序构建一个react应用程序，其中我将显示一个从外部API获取的随机笑话。

以下是react组件的代码

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

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

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

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

Answer 1

我自己找到了一种方法。对不起，我应该更好地阅读react-share包的文档。有一些可选的道具可以传递给share按钮。所以我就这么做了。

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