FastComments React Native Library

API трохи відрізняється від fastcomments-react. У нативній версії ми передаємо об'єкт конфігурації, який відповідає цій структурі.

import { FastCommentsCommentWidget } from 'fastcomments-react-native';

// ...

  const myTenantId = 'demo'; // Your tenant id. Can be fetched from https://fastcomments.com/auth/my-account/api-secret
  const myAppPageId = 'native-test'; // the ID or URL of the comment thread in your app.
  const myAppPageUrl = 'https://example.com/external-page'; // you can optional set a url to an external page
  const myAppPageTitle = 'Example Title'; // ... and you probably want a title for this content
  const [config, setConfig] = useState({
    tenantId: myTenantId,
    urlId: myAppPageId,
    url: myAppPageUrl,
    pageTitle: myAppPageTitle
  });

  // by calling setConfig(), we can do things like change the current page, or the currently logged in user
  // See example/src/App.tsx

  return (
      <FastCommentsCommentWidget config={config}/>
  );

import { FastCommentsLiveChatWidget } from 'fastcomments-react-native';

// ...

  const myTenantId = 'demo'; // ID вашого tenant'а. Можна отримати з https://fastcomments.com/auth/my-account/api-secret
  const myAppPageId = 'native-test'; // ID або URL потоку коментарів у вашому додатку.
  const myAppPageUrl = 'https://example.com/external-page'; // Ви можете опціонально вказати URL зовнішньої сторінки
  const myAppPageTitle = 'Example Title'; // ... і, ймовірно, вам знадобиться заголовок для цього вмісту
  const config = {
    tenantId: myTenantId,
    urlId: myAppPageId,
    url: myAppPageUrl,
    pageTitle: myAppPageTitle
  };

  return (
      <FastCommentsLiveChatWidget config={config}/>
  );