Add Comments to Your React App

הרכיב הראשי של הווידג'ט

הקומפוננטה FastCommentsCommentWidget מכילה את ווידג'ט התגובות החי של FastComments.

החליפו את "demo" למטה ב-"tenantId" שלכם — זמין כאן באזור הניהול של FastComments.

הווידג'ט תומך בהרבה אפשרויות - ראה FastCommentsCommentWidgetConfig ב-src/index.tsx.

import React, { Component } from 'react'

import {FastCommentsCommentWidget} from 'fastcomments-react'

class Example extends Component {
  render() {
    return <FastCommentsCommentWidget tenantId="demo" />
  }
}

עדכון הדף הנוכחי (ל-SPAs)

כדי לעדכן את הדף/המאמר שאליו מקושר שרשור התגובות צריך לעדכן את פרמטרי התצורה "urlId" ו-"url". ראו את הדוגמה וההסבר כאן.

אזור החשבון (תשומת לב: לקוחות באיחוד האירופי)

אם אתם באיחוד האירופי, רצוי להודיע לווידג'טים של הלקוח באיזה אזור אתם נמצאים. ראו examples/example-eu; אחרת, אין צורך להגדיר את region.

ווידג'ט ספירת התגובות

הקומפוננטה FastCommentsCommentCountWidget מכילה את ווידג'ט ספירת התגובות החי של FastComments.

החליפו את "demo" למטה ב-"tenantId" שלכם — זמין כאן באזור הניהול של FastComments.

ראו את FastCommentsCommentCountConfig ב-src/index.tsx עבור אפשרויות התצורה הנתמכות.

import React, { Component } from 'react'

import {FastCommentsCommentCountWidget} from 'fastcomments-react'

class Example extends Component {
  render() {
    return <FastCommentsCommentCountWidget tenantId="demo" urlId="https://example.com/some-page-or-id" />
  }
}

Native

ליישום מקומי מלא (Native) של FastComments, ראו fastcomments-react-native-sdk.

ל-wrapper ל-React Native של ספרייה זו, המשתמש ב-webview, ראו fastcomments-react-native.