6

亲爱的 stack over flow 社区。我正在使用创建反应应用程序构建一个反应应用程序，我将在其中显示从外部 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 非常感谢

4

1 回答 1

9

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

<FacebookShareButton
    url="someurl"
    quote={props.joke.setup + props.joke.punchline}
    hashtag="#programing joke">
    <FacebookIcon logoFillColor="white" />
</FacebookShareButton>
于 2019-12-09T13:11:09.937 回答