Додайте коментарі до вашого React-застосунку

Спробуйте кожен віджет у реальному часі на https://fastcomments.com/commenting-system-for-react.

Основний компонент віджета

Компонент 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" />
  }
}

Оновлення поточної сторінки (для SPA-додатків)

Щоб оновити сторінку/статтю, до якої прив'язана нитка коментарів, потрібно оновити параметри конфігурації "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" />
  }
}

Нативна реалізація

Для повністю нативної реалізації FastComments див. fastcomments-react-native-sdk.

Для оболонки цієї бібліотеки для React Native, що використовує webview, див. fastcomments-react-native.