Add Comments to Your React App

모든 위젯을 실시간으로 확인해 보세요 https://fastcomments.com/commenting-system-for-react.

메인 위젯 컴포넌트

The FastCommentsCommentWidget 컴포넌트에는 라이브 FastComments 댓글 위젯이 포함되어 있습니다.

아래의 "demo"를 FastComments 관리자 영역의 여기에서 확인 가능한 당신의 "tenantId"로 바꾸세요.

위젯은 많은 옵션을 지원합니다 - 지원되는 설정은 src/index.tsx의 FastCommentsCommentWidgetConfig를 참조하세요.

import React, { Component } from 'react'

import {FastCommentsCommentWidget} from 'fastcomments-react'

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

현재 페이지 업데이트 (SPA용)

댓글 스레드가 연결된 페이지/기사 정보를 업데이트하려면 구성 매개변수 "urlId"와 "url"을 업데이트해야 합니다. 예제와 설명은 여기를 참조하세요.

계정 지역 (주의: EU 고객)

EU에 계신 경우, 클라이언트 위젯에 어느 지역에 있는지 알려주어야 합니다. examples/example-eu를 참조하세요; 그렇지 않은 경우 region을 정의할 필요가 없습니다.

댓글 카운트 위젯

The FastCommentsCommentCountWidget 컴포넌트에는 라이브 FastComments 댓글 수 위젯이 포함되어 있습니다.

아래의 "demo"를 FastComments 관리자 영역의 여기에서 확인 가능한 당신의 "tenantId"로 바꾸세요.

지원되는 구성 옵션은 src/index.tsx의 FastCommentsCommentCountConfig를 참조하세요.

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 래퍼는 fastcomments-react-native를 참조하세요.