Add Comments to Your React App

Попробуйте каждый виджет вживую на https://fastcomments.com/commenting-system-for-react.

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

Компонент FastCommentsCommentWidget содержит живой виджет комментариев FastComments.

Замените "demo" ниже на ваш "tenantId" — он доступен here в административной панели 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". Смотрите пример и объяснение here.

Регион аккаунта (ВНИМАНИЕ: клиенты из ЕС)

Если вы в ЕС, рекомендуется указать клиентским виджетам ваш регион. Смотрите examples/example-eu; В противном случае указывать region не нужно.

Виджет счётчика комментариев

Компонент FastCommentsCommentCountWidget содержит живой виджет подсчёта комментариев FastComments.

Замените "demo" ниже на ваш "tenantId" — он доступен here в административной панели 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.