Add Comments to Your React App

Попробуйте каждый виджет вживую на 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.