问题标签 [react-share]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
2826 浏览

javascript - react-share can't share LinkedIn article

I tried to share article current URL to social media such as Facebook, Twitter & LinkedIn using react-share package. I have some issues at share the page: null (URL: https://www.linkedin.com/shareArticle/?url=https%3A%2F%2Fstaging.bidboxid.co%2Fcar-details%2Fhonda-brio-at-limited-edition&mini=true)

code:

What weird of this case, if I tried to share the homepage page as share article it'll works just fine.

0 投票
1 回答
403 浏览

reactjs - 如何将 react-share 与 Material UI 的 SpeedDial 一起使用?

我正在尝试使用来自 Material UI的 React、 react-share和SpeedDial 制作社交分享按钮的 SpeedDial ,但 react-share 要求我使用它的按钮。

我有以下快速拨号代码:

我不知道如何从action.onClick. 可能吗?

0 投票
0 回答
304 浏览

reactjs - react-share 和 next.js 出现 404 错误

我用 next.js 构建了一个应用程序。有些页面是使用 getStaticProps 和 getStaticPaths 动态构建的。我希望用户能够在社交媒体上分享该页面。我正在为此使用 react-share 模块。该模块在 Twitter 上运行良好,但在 facebook 上出现 404 错误。

这是我的共享组件的代码:

道具数据来自获取外部 api(在页面组件中使用 getStaticProps)。

在 facebook 上分享页面看起来像这样:

在此处输入图像描述

在 Twitter 上分享的同一页面:

在此处输入图像描述

0 投票
1 回答
707 浏览

reactjs - react-share 参数 'href' 应该代表一个有效的 URL

我正在使用 react-share 包对我的网页进行社交分享,但在 FacebookShare 按钮中显示错误,例如“参数‘href’应该代表一个有效的 URL”

我的 Share.js 代码是:-

在我的页面中:-

0 投票
1 回答
2333 浏览

javascript - 使用 react.js 在社交网络上分享图像

我正在尝试在 reactjs 应用程序中的社交媒体(主要是 FB、twitter、linkedIn)上共享图像和视频,已经添加了 react-helmet 相同但仍然无法共享下面的图像是我所指的链接和我的代码。

https://medium.com/camperstribe/react-social-media-integration-with-react-share-and-react-helmet-84d9def6a445

上述解决方案不起作用

我已经创建了helmetMetaData 组件并调用了我的社交分享组件

但不仅在 facebook 共享对话框上获取 url 和标题,任何人都知道如何在 reactjs 中的社交媒体上共享图像?

0 投票
0 回答
192 浏览

reactjs - React-share 社交媒体图标窗口弹出问题

我正在使用 react-share idk 为什么它会将我导航到另一个页面以共享链接而不是打开弹出窗口 https://www.npmjs.com/package/react-share

有一个道具名称 windowWidth 和 windowHeight 我通过了它们但仍然没有工作任何想法可以帮助我

谢谢 :)

0 投票
1 回答
475 浏览

reactjs - 参数“href”应该代表一个有效的 URL

我正在使用next js和使用react-share共享页面。我的问题是当我尝试共享页面然后向我显示如下错误:

Parameter 'href' should represent a valid URL

我不知道为什么。

我试过这样:

请有任何建议

0 投票
0 回答
103 浏览

reactjs - 如何在reactjs中将react-chartjs-2的条形图作为图像分享到社交媒体上?

我正在开发一个反应应用程序并使用 react-chartjs-2 创建条形图。我想将该条形图作为图像分享到社交媒体上。我尝试了 react-share 包,但其中使用的共享按钮只允许传递 url。我找不到办法做到这一点。

这是我的条形图代码。

我已将数据选项作为道具传递给类组件

这是我尝试使用 react-share 实现的共享功能的代码

如何包含共享 react-chartjs-2 条形图的共享按钮?

0 投票
0 回答
13 浏览

reactjs - 网络爬虫用户代理不存在

我在我的应用程序中使用 react-share。我希望人们能够分享图像等。为此,我以这样一种方式制作了我的应用程序,它可以捕获社交媒体爬虫并在它们转到我共享的 url 时显示原始 html。

这就是我的按钮的设置方式,

当我单击共享按钮时,它不会将任何社交媒体公司显示为用户代理。例如,当我单击 facebook 共享按钮时,会出现 facebook 共享屏幕,但我的后端会记录用户代理,并且不会出现“facebookexternalhit”。当用户导航到某物时,所有其他用户代理都是默认用户代理。这些是打印的请求标头。

有谁知道为什么会这样?

0 投票
0 回答
323 浏览

reactjs - 如何使用反应功能组件和反应路由器将先前的路由存储在本地存储中

我正在我的反应网络应用程序中实现一个分享帖子。我正在使用 react-share 库。我正在使用当前的 URL const shareUrl = window.location.href;

但是用户尝试使用我共享的那个 URL 查看帖子。他被要求先登录。..这是因为我写了axios拦截器。

但是当用户成功登录时,他会重定向到提要页面,因为

如何将用户定向到他在登录之前尝试访问的 URL。我研究了我可以将以前的路由存储在本地存储中,但是如何在反应功能组件中实现它?