
Sprache 🇩🇪 Deutsch
Erste Schritte
Verwendung
FastComments React Library
Dies ist die offizielle React-Bibliothek für FastComments.
FastComments Kommentar-Widgets für React
Repository
Beispiele 
Sie finden Beispiele für verschiedene Anwendungsfälle (Dunkelmodus, Paginierung usw.) im Ordner examples. Jedes Beispiel kann mit npm install eingerichtet und mit npm run start gestartet werden.
Verwendung 
Die Haupt-Widget-Komponente
Die Komponente FastCommentsCommentWidget enthält das Live-Kommentar-Widget von FastComments.
Ersetze "demo" unten durch deine "tenantId" - verfügbar hier im FastComments-Administrationsbereich.
Das Widget unterstützt viele Optionen - siehe FastCommentsCommentWidgetConfig in src/index.tsx.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}
Aktualisierung der aktuellen Seite (für SPAs)
Um die Seite/den Artikel zu aktualisieren, an den der Kommentar-Thread gebunden ist, musst du die Konfigurationsparameter "urlId" und "url" aktualisieren. Siehe das Beispiel und die Erklärung hier.
Konto-Region (ACHTUNG: EU-Kunden)
Wenn du in der EU bist, solltest du den Client-Widgets mitteilen, in welcher Region du dich befindest. Siehe examples/example-eu;
Andernfalls musst du region nicht definieren.
Das Kommentarzähler-Widget
Die Komponente FastCommentsCommentCountWidget enthält das Live-Widget für Kommentaranzahlen von FastComments.
Ersetze "demo" unten durch deine "tenantId" - verfügbar hier im FastComments-Administrationsbereich.
Siehe FastCommentsCommentCountConfig in src/index.tsx für die unterstützten Konfigurationsoptionen.
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
Für eine vollständig native Implementierung von FastComments siehe fastcomments-react-native-sdk.
Für einen React Native Wrapper dieser Bibliothek, der eine WebView verwendet, siehe fastcomments-react-native.
Benötigen Sie Hilfe?
Wenn Sie auf Probleme stoßen oder Fragen zur React-Bibliothek haben, bitte:
Mitwirken
Beiträge sind willkommen! Bitte besuchen Sie das GitHub-Repository für Beitragsrichtlinien.