Add Comment Widgets to Your React Native App

The API je neznatno drugačiji u odnosu na fastcomments-react. U native verziji prosleđujemo config objekat koji odgovara ovoj strukturi.

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

// ...

  const myTenantId = 'demo'; // Vaš tenant id. Može se preuzeti sa https://fastcomments.com/auth/my-account/api-secret
  const myAppPageId = 'native-test'; // ID ili URL niti komentara u vašoj aplikaciji.
  const myAppPageUrl = 'https://example.com/external-page'; // možete opcionalno postaviti URL ka eksternoj stranici
  const myAppPageTitle = 'Example Title'; // ... i verovatno želite naslov za ovaj sadržaj
  const [config, setConfig] = useState({
    tenantId: myTenantId,
    urlId: myAppPageId,
    url: myAppPageUrl,
    pageTitle: myAppPageTitle
  });

  // pozivanjem setConfig(), možemo raditi stvari kao što su promena trenutne stranice ili trenutno prijavljenog korisnika
  // Pogledajte example/src/App.tsx

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

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

// ...

  const myTenantId = 'demo'; // Vaš tenant id. Može se preuzeti sa https://fastcomments.com/auth/my-account/api-secret
  const myAppPageId = 'native-test'; // ID ili URL nita komentara u vašoj aplikaciji.
  const myAppPageUrl = 'https://example.com/external-page'; // Neobavezno možete postaviti URL ka eksternoj stranici
  const myAppPageTitle = 'Example Title'; // ... i verovatno ćete želeti naslov za ovaj sadržaj
  const config = {
    tenantId: myTenantId,
    urlId: myAppPageId,
    url: myAppPageUrl,
    pageTitle: myAppPageTitle
  };

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