如何安裝 ShareThis' ReactJS 上的工具

為了 ShareThis 工具在您的ReactJs應用程式/網站上工作，請按照以下步驟安裝我們的共用按鈕， 分享按鈕和/或反應按鈕。重要提示，您可以瞭解更多 ShareThis 網站工具， 這裡.

注：用於回應JS模組 ShareThis 按鈕可在我們的 Git 儲存庫 or Npmjs。. 您可以使用以下命令在 ReactJS 應用程式中安裝該庫：

npm install --save sharethis-reactjs

1. 如果您尚未設定項目，您可以在此建立新的回應應用： https://reactjs.org/docs/create-a-new-react-app.html
2. 在終端機中執行以下代碼：

npx create-react-app 
cd 
npm start

3. 在元件文件的頂部，添加 ShareThis 你想在你的專案中使用的工具。我們支援以下幾點：
   • 在線反應按鈕
   • 內聯共享按鈕
   • 粘性共用按鈕
   • 內聯關注按鈕
     
     
4. 將元件添加到所需的任何位置 ShareThis 工具以顯示。
   import {InlineReactionButtons} from 'sharethis-reactjs';
import {InlineShareButtons} from 'sharethis-reactjs';
import {StickyShareButtons} from 'sharethis-reactjs';
import {InlineFollowButtons} from 'sharethis-reactjs';
   
5. 每個工具都有一組可用於自定義按鈕的配置屬性。有關範例，請參閱以下內容：

注意

共用計數連結到 URL，如果在配置屬性中未提供 URL，它將使用按鈕所在的 URL。請記住自定義或刪除以下範例中的URL。

平行橫躺於頁面的分享按鈕

測欄固定式的分享按鈕

內嵌 分享按鈕

內聯反應按鈕

完成按鈕設置自定義後，添加首選網路。以下是您可以選擇的網路選項：

共享網路

關注網路

反應按鈕